将另一个js文件引入到js文件的几种方法

这篇文章主要介绍了在js文件中引入（调用）另一个js文件的三种方法，帮助大家更好的理解和学习JavaScript，感兴趣的朋友可以了解下

比如我写了一个JS文件，这个文件需要调用另一个JS文件。我该如何实施？下面总结一下在js文件中引入另一个js文件的实现。

首先，在调用文件的顶部添加以下代码。

function addScript(url){document.write("lt;script language=javascript src="+url+"gt;lt;/scriptgt;");}

注意:有时候你引用的文件可能还需要引用其他的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”)生成的，其type属性设置为text/javascript。

第三，利用es6中的导出和导入实现模块化

一个js文件代表一个js模块。ES6外部模块的引入可以分为两种情况:

1.导入外部变量或函数等。；

import {firstName, lastName} from './test';

2.导入外部模块并立即执行。

import './test'//执行test.js，但不导入任何变量

这就是将另一个js文件引入(调用)到js文件的三种方法的细节。更多关于将另一个js文件引入js文件的信息，请关注