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


Posted in Javascript onSeptember 11, 2020

比如我写了一个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文件的资料请关注三水点靠木其它相关文章!

Javascript 相关文章推荐
IE JS无提示关闭窗口不提示的方法
Apr 29 Javascript
jquery ajax return没有返回值的解决方法
Oct 20 Javascript
网页编辑器ckeditor和ckfinder配置步骤分享
May 24 Javascript
JS 获取浏览器和屏幕宽高等信息的实现思路及代码
Jul 31 Javascript
jQuery中data()方法用法实例
Dec 27 Javascript
基于javascript实现九宫格大转盘效果
May 28 Javascript
设计模式中的facade外观模式在JavaScript开发中的运用
May 18 Javascript
使用bootstrap validator的remote验证代码经验分享(推荐)
Sep 21 Javascript
jQuery的ready方法实现原理分析
Oct 26 Javascript
Jquery UI实现一次拖拽多个选中的元素操作
Dec 01 Javascript
vue 开发之路由配置方法详解
Dec 02 Javascript
利用JavaScript为句子加标题的3种方法示例
Jan 05 Javascript
Vue项目开发常见问题和解决方案总结
Sep 11 #Javascript
JavaScript实现简单日历效果
Sep 11 #Javascript
vue $mount 和 el的区别说明
Sep 11 #Javascript
JavaScript 判断数据类型的4种方法
Sep 11 #Javascript
jQuery实现日历效果
Sep 11 #jQuery
JS实现密码框效果
Sep 10 #Javascript
JavaScript常用工具函数库汇总
Sep 17 #Javascript
You might like
在服务端进行目录建立、删除,文件上传、删除的过程的php代码
2008/09/10 PHP
mayfish 数据入库验证代码
2010/04/30 PHP
php中memcache 基本操作实例
2015/05/17 PHP
php使用ZipArchive函数实现文件的压缩与解压缩
2015/10/27 PHP
PHP面向对象之工作单元(实例讲解)
2017/06/26 PHP
解决laravel查询构造器中的别名问题
2019/10/17 PHP
用jquery ajax获取网站Alexa排名的代码
2009/12/12 Javascript
jquery 按钮状态效果 正常、移上、按下
2013/08/12 Javascript
javascript 弹出的窗口返回值给父窗口具体实现
2013/11/23 Javascript
实例说明为什么不要行内使用javascript
2014/04/18 Javascript
JQuery实现当鼠标停留在某区域3秒后自动执行
2014/09/09 Javascript
用js读、写、删除Cookie代码续篇
2014/12/03 Javascript
Bootstrap3 模态框使用实例
2017/02/22 Javascript
浅谈JavaScript中的apply/call/bind和this的使用
2017/02/26 Javascript
Vue实现 点击显示再点击隐藏效果(点击页面空白区域也隐藏效果)
2020/01/16 Javascript
JS自定义右键菜单实现代码解析
2020/07/16 Javascript
基于Vue+Webpack拆分路由文件实现管理
2020/11/16 Javascript
Python单链表的简单实现方法
2014/09/23 Python
SQLite3中文编码 Python的实现
2017/01/11 Python
python读文件保存到字典,修改字典并写入新文件的实例
2018/04/23 Python
Python爬虫包BeautifulSoup简介与安装(一)
2018/06/17 Python
Python数据类型之Tuple元组实例详解
2019/05/08 Python
Python实现一个带权无回置随机抽选函数的方法
2019/07/24 Python
python selenium循环登陆网站的实现
2019/11/04 Python
python 给图像添加透明度(alpha通道)
2020/04/09 Python
WiFi云数码相框:Nixplay
2018/07/05 全球购物
德国汽车零件和汽车配件网上商店:kfzteile24
2018/11/14 全球购物
Nordgreen美国官网:在线购买极简主义斯堪的纳维亚手表
2019/07/24 全球购物
Napapijri西班牙在线商店:夹克、外套、运动衫等
2020/11/05 全球购物
超市重阳节活动方案
2014/02/10 职场文书
公司接待方案
2014/03/08 职场文书
详解nginx进程锁的实现
2021/06/14 Servers
Eclipse+Java+Swing+Mysql实现电影购票系统(详细代码)
2022/01/18 Java/Android
Win11怎么修改电源模式?Win11修改电源模式的方法
2022/04/05 数码科技
Go获取两个时区的时间差
2022/04/20 Golang
云服务器部署 Web 项目的实现步骤
2022/06/28 Servers