在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 相关文章推荐
passwordStrength 基于jquery的密码强度检测代码使用介绍
Oct 08 Javascript
Javascript拓展String方法小结
Jul 08 Javascript
js分页工具实例
Jan 28 Javascript
JavaScript模拟实现继承的方法
Mar 30 Javascript
Bootstrap每天必学之简单入门
Nov 19 Javascript
jQuery简单实现input文本框内灰色提示文本效果的方法
Dec 02 Javascript
jQuery插件实现适用于移动端的地址选择器
Feb 18 Javascript
javascript 四十条常用技巧大全
Sep 09 Javascript
JScript实现表格的简单操作
Aug 15 Javascript
JS简单数组排序操作示例【sort方法】
May 17 Javascript
JS实现简单日历特效
Jan 03 Javascript
Vue CLI3移动端适配(px2rem或postcss-plugin-px2rem)
Apr 27 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设置头信息及取得返回头信息的方法
2016/01/25 PHP
php 截取utf-8格式的字符串实例代码
2016/10/30 PHP
php与阿里云短信接口接入操作案例分析
2020/05/27 PHP
PHP Web表单生成器案例分析
2020/06/02 PHP
javascript 二分法(数组array)
2010/04/24 Javascript
jquery遍历checkbox介绍
2014/02/21 Javascript
Node.js中的事件驱动编程详解
2014/08/16 Javascript
javascript和jquery实现设置和移除文本框默认值效果代码
2015/01/13 Javascript
jQuery实现文本展开收缩特效
2015/06/03 Javascript
jquery实现列表上下移动功能
2016/02/25 Javascript
完美解决jQuery 鼠标快速滑过后,会执行多次滑出的问题
2016/12/08 Javascript
nodejs async异步常用函数总结(推荐)
2017/11/17 NodeJs
解决js ajax同步请求造成浏览器假死的问题
2018/01/18 Javascript
Sublime Text3 配置 NodeJs 环境的方法
2020/05/20 NodeJs
Python struct.unpack
2008/09/06 Python
用Python生成器实现微线程编程的教程
2015/04/13 Python
基于python(urlparse)模板的使用方法总结
2017/10/13 Python
详解Python自建logging模块
2018/01/29 Python
Python从单元素字典中获取key和value的实例
2018/12/31 Python
Python原始套接字编程实例解析
2020/01/29 Python
python爬取微博评论的实例讲解
2021/01/15 Python
css3 给背景设置渐变色的方法
2019/09/12 HTML / CSS
华为俄罗斯官方网上商城:购买Huawei手机和平板
2017/04/21 全球购物
德国团购网站:Groupon德国
2018/03/13 全球购物
垃圾回收的优点和原理。并考虑2种回收机制
2016/10/16 面试题
项目合作协议书
2014/04/16 职场文书
关于学习的演讲稿
2014/05/10 职场文书
声乐专业大学生职业生涯规划书:理想的未来需要自己去打造
2014/09/20 职场文书
校园新闻广播稿5篇
2014/10/10 职场文书
自主招生专家推荐信
2015/03/26 职场文书
社团招新宣传语
2015/07/13 职场文书
中考百日冲刺决心书
2015/09/22 职场文书
Java tomcat手动配置servlet详解
2021/11/27 Java/Android
nginx从安装到配置详细说明(安装,安全配置,防盗链,动静分离,配置 HTTPS,性能优化)
2022/02/12 Servers
苹果电脑mac os中货币符号快捷输入
2022/02/17 杂记
springboot 自定义配置 解决Boolean属性不生效
2022/03/18 Java/Android