在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例子返回值详解
Sep 11 Javascript
捕获和分析JavaScript Error的方法
Mar 25 Javascript
node.js中的events.emitter.once方法使用说明
Dec 10 Javascript
jquery实现的V字形显示效果代码
Oct 27 Javascript
javascript中checkbox使用方法实例演示
Nov 19 Javascript
基于jquery实现页面滚动时顶部导航显示隐藏
Apr 20 Javascript
JavaScript代码执行的先后顺序问题
Oct 29 Javascript
vue elementUI tree树形控件获取父节点ID的实例
Sep 12 Javascript
vue学习笔记之给组件绑定原生事件操作示例
Feb 27 Javascript
es6函数中的作用域实例分析
Apr 18 Javascript
jQuery实现的解析本地 XML 文档操作示例
Apr 30 jQuery
jQuery AJAX应用实例总结
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
PHP实时显示输出
2008/10/02 PHP
php zend 相对路径问题
2009/01/12 PHP
深入理解PHP之源码目录结构与功能说明
2016/06/01 PHP
Javascript-Mozilla和IE中的一个函数直接量的问题分析
2007/08/12 Javascript
认识延迟时间为0的setTimeout
2008/05/16 Javascript
jquery异步调用页面后台方法&amp;#8207;(asp.net)
2011/03/01 Javascript
利用js实现选项卡的特别效果的实例
2013/03/03 Javascript
JsRender实用入门教程
2014/10/31 Javascript
AngularJS + Node.js + MongoDB开发的基于高德地图位置的通讯录
2015/01/02 Javascript
JavaScript学习心得之概述
2015/01/20 Javascript
jQuery插件制作之全局函数用法实例
2015/06/01 Javascript
JavaScript对象创建模式实例汇总
2016/10/03 Javascript
JS实现的DIV块来回滚动效果示例
2017/02/07 Javascript
JavaScript之事件委托实例(附原生js和jQuery代码)
2017/07/22 jQuery
vue-router+nginx 非根路径配置方法
2018/06/30 Javascript
JS实现判断有效的数独算法示例
2019/02/25 Javascript
浅析vue中的provide / inject 有什么用处
2019/11/10 Javascript
Python类的基础入门知识
2008/11/24 Python
python使用MySQLdb访问mysql数据库的方法
2015/08/03 Python
Python文本特征抽取与向量化算法学习
2017/12/22 Python
Python+tkinter使用80行代码实现一个计算器实例
2018/01/16 Python
python 设置输出图像的像素大小方法
2019/07/04 Python
Windows下PyCharm2018.3.2 安装教程(图文详解)
2019/10/24 Python
linux环境下安装python虚拟环境及注意事项
2020/01/07 Python
Python使用uuid库生成唯一标识ID
2020/02/12 Python
python 实现读取csv数据,分类求和 再写进 csv
2020/05/18 Python
Python学习之路之pycharm的第一个项目搭建过程
2020/06/18 Python
Python使用pyexecjs代码案例解析
2020/07/13 Python
python 下划线的不同用法
2020/10/24 Python
解决canvas转base64/jpeg时透明区域变成黑色背景的方法
2016/10/23 HTML / CSS
美国在线购买内衣网站:HerRoom
2020/02/22 全球购物
教师师德考核自我评价
2014/09/13 职场文书
高等学院职业生涯规划书范文
2014/09/16 职场文书
学前班语言教学计划
2015/01/20 职场文书
简单的辞职信范文(2016最新版)
2015/05/12 职场文书
联村联户简报
2015/07/21 职场文书