在js文件中引入（调用）另一个js文件的三种方法
比如我写了一个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文件的资料请关注小牛知识库其它相关文章！
-
本文向大家介绍怎么引入(调用)一个JS文件，包括了怎么引入(调用)一个JS文件的使用技巧和注意事项，需要的朋友参考一下 我们旺旺需要调用别的 js文件。怎么处理？ 看随机抽取这个例子。在一个页面中如下： 我们可以把 js 放在另外一个文件里，比如当前文件夹的 a.js 中。 这样 html 页面如下： a.js 这样就行了。 当然，也可以把 a.js放在web上，然后引用成下面这样。 以上所述是小
-
问题内容： 我想调用一个在second.js文件的first.js文件中定义的函数。这两个文件都在HTML文件中定义，例如： 我想打电话给在定义中。根据我的搜索结果，答案是首先定义是否可以，但是根据我的测试，我没有找到任何方法。 这是我的代码： 问题答案： 除非在同一文件中定义了该函数，或者在尝试调用该函数之前已加载了该函数，否则无法调用该函数。 除非函数的范围与尝试调用该函数的范围相同或更大，否
-
问题内容： 我如何将一个js文件包含到另一个js文件中，以便坚持DRY原则并避免重复代码。 问题答案： 您只能在HTML页面中包含脚本文件，而不能在另一个脚本文件中包含脚本文件。也就是说，您 可以 编写JavaScript来将“包含”脚本加载到同一页面中： 您的代码很有可能取决于您的“包含”脚本，但是在这种情况下，它可能会失败，因为浏览器将异步加载“导入”脚本。最好的选择是仅使用jQuery或YU
-
本文向大家介绍Shell脚本中引用、调用另一个脚本文件的2种方法，包括了Shell脚本中引用、调用另一个脚本文件的2种方法的使用技巧和注意事项，需要的朋友参考一下 在Java,Python中，可以用import的方式来进行脚本或模块之间调用，例如: 在Shell中要如何调用别的shell脚本，或别的脚本中的变量，函数呢? 方法一: . ./subscript.sh 方法二: so
-
本文向大家介绍vue引用js文件的多种方式(推荐)，包括了vue引用js文件的多种方式(推荐)的使用技巧和注意事项，需要的朋友参考一下 1、vue-cli webpack全局引入jquery (1) 首先 npm install jquery --save (--save 的意思是将模块安装到项目目录下，并在package文件的dependencies节点写入依赖。) (2)在webpack.ba
-
问题内容： 我们可以在另一个JS文件中调用在一个JS文件中编写的函数吗？谁能帮我从另一个JS文件中调用该函数？ 问题答案： 只要在第一次使用该功能之前就已加载了包含该功能定义的文件，就可以像在同一JS文件中那样调用该功能。 即 File1.js File2.js HTML HTML 什么将不起作用将是： HTML 尽管在调用它时已定义，但它在内部使用仍未定义的函数（）。