在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插件 tabBox实现代码
Feb 09 Javascript
3种Jquery限制文本框只能输入数字字母的方法
Dec 03 Javascript
JS特效实现图片自动播放并可控的效果
Jul 31 Javascript
jQuery插件开发精品教程(让你的jQuery更上一个台阶)
Nov 07 Javascript
JS中的数组方法笔记整理
Jul 26 Javascript
js原生实现FastClick事件的实例
Nov 20 Javascript
jQueryUI Sortable 应用Demo(分享)
Sep 07 jQuery
Js利用console计算代码运行时间的方法示例
Sep 24 Javascript
php中and 和 &amp;&amp;出坑指南
Jul 13 Javascript
Vue实现数据表格合并列rowspan效果
Nov 30 Javascript
解决nuxt 自定义全局方法,全局属性,全局变量的问题
Nov 05 Javascript
全面解析Vue中的$nextTick
Dec 24 Vue.js
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
基于asp+ajax和数据库驱动的二级联动菜单
2010/05/06 PHP
PHP下常用正则表达式整理
2010/10/26 PHP
基于PHP常用函数的用法详解
2013/05/10 PHP
windows中为php安装mongodb与memcache
2015/01/06 PHP
php检测mysql表是否存在的方法小结
2017/07/20 PHP
下载站控制介绍字数显示的脚本 显示全部 隐藏介绍等功能
2009/09/19 Javascript
js escape,unescape解决中文乱码问题的方法
2010/05/26 Javascript
深入理解JS中的substr和substring
2016/04/26 Javascript
全面解析JavaScript的Backbone.js框架中的Router路由
2016/05/05 Javascript
javascript正则表达式之分组概念与用法实例
2016/06/16 Javascript
老生常谈JQuery data方法的使用
2016/09/09 Javascript
JS中闭包的经典用法小结(2则示例)
2016/12/28 Javascript
浅析javaScript中的浅拷贝和深拷贝
2017/02/15 Javascript
JavaScript创建对象_动力节点Java学院整理
2017/06/27 Javascript
JavaScript 基础表单验证示例(纯Js实现)
2017/07/20 Javascript
js实现方块上下左右移动效果
2017/08/17 Javascript
React生命周期原理与用法踩坑笔记
2020/04/28 Javascript
JS实现百度搜索框
2021/02/25 Javascript
[46:14]VGJ.T vs Liquid 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
[02:19]2018年度DOTA2最佳核心位选手-完美盛典
2018/12/17 DOTA
python益智游戏计算汉诺塔问题示例
2014/03/05 Python
python 列表降维的实例讲解
2018/06/28 Python
Python面向对象程序设计之私有属性及私有方法示例
2019/04/08 Python
基于python实现从尾到头打印链表
2019/11/02 Python
django框架F&amp;Q 聚合与分组操作示例
2019/12/12 Python
解决pytorch报错:AssertionError: Invalid device id的问题
2020/01/10 Python
Python Selenium模块安装使用教程详解
2020/07/09 Python
python 求两个向量的顺时针夹角操作
2021/03/04 Python
解决CSS3的opacity属性带来的层叠顺序问题
2016/05/09 HTML / CSS
美国女士泳装店:Swimsuits For All
2017/03/02 全球购物
BIFFI美国站:意大利BIFFI BOUTIQUES豪华多品牌时装零售公司
2020/02/11 全球购物
关于赌博的检讨书
2014/01/24 职场文书
诚实守信演讲稿
2014/09/01 职场文书
对讲机的最大通讯距离是多少
2022/02/18 无线电
Python中的嵌套循环详情
2022/03/23 Python
Python Matplotlib绘制动画的代码详解
2022/05/30 Python