在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 相关文章推荐
jquery $.ajax入门应用一
Nov 19 Javascript
Tab页界面,用jQuery及Ajax技术实现
Sep 21 Javascript
js鼠标及对象坐标控制属性详细解析
Dec 14 Javascript
java、javascript实现附件下载示例
Aug 14 Javascript
jQuery实现仿QQ在线客服效果的滚动层代码
Oct 15 Javascript
jQuery.ajax 跨域请求webapi设置headers的解决方案
Aug 08 Javascript
JS实现鼠标移上去显示图片或微信二维码
Dec 14 Javascript
Bootstrap列表组学习使用
Feb 09 Javascript
基于JavaScript实现幸运抽奖页面
Jul 05 Javascript
深入理解JS中Number(),parseInt(),parseFloat()三者比较
Aug 24 Javascript
Vue实现数据请求拦截
Oct 23 Javascript
jQuery 淡入/淡出效果函数用法分析
May 19 jQuery
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
业余方法DIY电子管FM收音机
2021/03/02 无线电
在PHP中读取和写入WORD文档的代码
2008/04/09 PHP
php 魔术方法使用说明
2009/10/20 PHP
php cookies中删除的一般赋值方法
2011/05/07 PHP
php中字符集转换iconv函数使用总结
2014/10/11 PHP
php查看网页源代码的方法
2015/03/13 PHP
CI框架整合smarty步骤详解
2016/05/19 PHP
jquery 图片截取工具jquery.imagecropper.js
2010/04/09 Javascript
深入理解JavaScript系列(2) 揭秘命名函数表达式
2012/01/15 Javascript
javascript获取form里的表单元素的示例代码
2014/02/14 Javascript
Jquery.Form 异步提交表单的简单实例
2014/03/03 Javascript
js+css实现上下翻页相册代码分享
2015/08/18 Javascript
jQuery+HTML5美女瀑布流布局实现方法
2015/09/21 Javascript
js跨浏览器的事件侦听器和事件对象的使用方法
2015/12/17 Javascript
js中实现字符串和数组的相互转化详解
2016/01/24 Javascript
分享js粘帖屏幕截图到web页面插件screenshot-paste
2020/08/21 Javascript
BootStrap实现轮播图效果(收藏)
2016/12/30 Javascript
canvas绘制表盘时钟
2017/01/23 Javascript
JS非空验证及邮箱验证的实例
2017/08/11 Javascript
node.js操作MongoDB的实例详解
2017/10/11 Javascript
微信开发之微信jssdk录音功能开发示例
2018/10/22 Javascript
解决vue项目,npm run build后,报路径错的问题
2020/08/13 Javascript
python写xml文件的操作实例
2014/10/05 Python
Python定时发送消息的脚本:每天跟你女朋友说晚安
2018/10/21 Python
Python类的继承、多态及获取对象信息操作详解
2019/02/28 Python
Python 实现还原已撤回的微信消息
2019/06/18 Python
Python通过VGG16模型实现图像风格转换操作详解
2020/01/16 Python
利用keras加载训练好的.H5文件,并实现预测图片
2020/01/24 Python
Django-migrate报错问题解决方案
2020/04/21 Python
Django ModelForm组件原理及用法详解
2020/10/12 Python
2分钟教你实现环形/扇形菜单(基础版)
2020/01/15 HTML / CSS
交通事故调解协议书
2014/04/16 职场文书
爱护公共设施倡议书
2014/08/29 职场文书
上班时间打瞌睡检讨书
2014/09/26 职场文书
Redis Cluster 集群搭建你会吗
2021/08/04 Redis
古见同学有交流障碍症 第二季宣传CM公开播出
2022/04/11 日漫