运维开发网

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

运维开发网 https://www.qedev.com 2022-05-12 16:50 出处:网络
这篇文章主要介绍了在js文件中引入(调用)另一个js文件的三种方法,帮助大家更好的理解和学习JavaScript,感兴趣的朋友可以了解下

这篇文章主要介绍了在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文件的信息,请关注

0

精彩评论

暂无评论...
验证码 换一张
取 消