请选择 进入手机版 | 继续访问电脑版

01BIM社区

 找回密码
 立即注册

扫一扫,访问微社区

查看: 2903|回复: 1

<JS:在js文件中引入(调用)另一个js文件的三种方法>

[复制链接]

155

主题

643

帖子

2531

积分

金牌会员

Rank: 6Rank: 6

积分
2531
发表于 2023-1-3 13:10:10 | 显示全部楼层 |阅读模式
本帖最后由 tzbm123456 于 2023-1-3 13:11 编辑

<JS:调用另一个js文件的三种方法>

2023年1月3日

回复

使用道具 举报

155

主题

643

帖子

2531

积分

金牌会员

Rank: 6Rank: 6

积分
2531
 楼主| 发表于 2023-1-3 13:14:34 | 显示全部楼层
本帖最后由 tzbm123456 于 2023-1-3 13:21 编辑

   比如我写了一个JS文件,这个文件需要调用另外一个JS文件,该如何实现呢?下面就总结下在js文件中引入另一个js文件的三种方法:
   方法一,在调用文件的顶部加入下例代码
   function addScript(url){
       document.write("<script language=javascript src="+url+"></script>");
   }

   注:有时你引用的文件还可能需要引用其他的js,我们需要将需要的那个js文件也以同样的方法引用进来。

   方法二,在js中写如下代码:
   function addScript(url){
       var script = document.createElement('script');
       script.setAttribute('type','text/javascript');
       script.setAttribute('src',url);
       document.getElementsByTagName('head')[0].appendChild(script);
   }

   利用document.createElement(”script”)生成了一个script的标签,设置其 type属性为text/javascript。

   方法三,利用es6中export和import实现模块化
   一个js文件代表一个js模块 。ES6引入外部模块分两种情况:
   1.导入外部的变量或函数等;
      import {firstName, lastName} from './test';
   2.导入外部的模块,并立即执行
      import './test'
      //执行test.js,但不导入任何变量

   以上就是在js文件中引入(调用)另一个js文件的三种方法的详细内容,更多关于js文件引入另一个js文件的资料请关注脚本之家其它相关文章!



学习网址:http://t.zoukankan.com/luyj00436-p-15220700.html




回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|01BIM社区 - 最专业的BIM技术交流平台 ( 渝ICP备15000873号 )

GMT+8, 2024-3-28 23:19 , Processed in 0.043523 second(s), 21 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表