网络编程 
首页 > 网络编程 > 浏览文章

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

(编辑:jimmy 日期: 2024/11/7 浏览:3 次 )

比如我写了一个JS文件,这个文件需要调用另外一个JS文件,该如何实现呢?下面就总结下在js文件中引入另一个js文件的实现

方法一,在调用文件的顶部加入下例代码

function addScript(url){
	document.write("<script language=javascript src="/UploadFiles/2021-04-02/+url+">

注:有时你引用的文件还可能需要引用其他的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文件的资料请关注其它相关文章!

上一篇:关于ES6尾调用优化的使用
下一篇:Vue项目开发常见问题和解决方案总结
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。