脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js 引入（调用）文件

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

 更新时间：2020年09月11日 09:22:06   作者：NEMO  
这篇文章主要介绍了在js文件中引入（调用）另一个js文件的三种方法，帮助大家更好的理解和学习JavaScript，感兴趣的朋友可以了解下

比如我写了一个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 iframe数据共享接口实现方法

    JavaScript iframe数据共享接口实现方法

    在iframe与父窗口或者与子窗口传递数据是一个麻烦的事情，如果我们能够写一个一劳永逸的接口那就再方便不过了，下面就来简答介绍一下如何实现此功能，对js iframe相关知识感兴趣的朋友一起学习吧
    2016-01-01
  • Javascript发送AJAX请求实例代码

    Javascript发送AJAX请求实例代码

    这篇文章主要介绍了Javascript发送AJAX请求的实例代码，非常不错，具有参考借鉴价值,需要的朋友可以参考下
    2016-08-08
  • JS中常见的6种继承方式总结

    JS中常见的6种继承方式总结

    继承是面向对象三大特征之一,可以使得子类具有父类的属性和方法,同时还可以在子类中重新定义以及追加属性和方法,本文为大家整理了JS中常见的6种继承方式,希望对大家有所帮助
    2023-08-08
  • JavaScript中常用的数组过滤方法例子

    JavaScript中常用的数组过滤方法例子

    这篇文章主要给大家介绍了关于JavaScript中常用的数组过滤方法的相关资料,数组过滤器方法是JavaScript中使用最广泛的方法之一,它允许我们快速过滤出具有特定条件的数组中的元素,需要的朋友可以参考下
    2023-11-11
  • 从父页面调用iframe中的JavaScript代码的方法

    从父页面调用iframe中的JavaScript代码的方法

    在Web前端开发中,iframe（内嵌框架）是一种常用的技术,用于在一个页面中嵌入另一个HTML页面,然而,有时候我们需要从父页面与iframe内的内容进行交互,本文将详细介绍如何从父页面调用iframe中的JavaScript代码,提供详细的代码示例和最佳实践,需要的朋友可以参考下
    2024-11-11
  • 用JS写的一个Ajax库(实例代码)

    用JS写的一个Ajax库(实例代码)

    下面小编就为大家带来一篇用JS写的一个Ajax库(实例代码)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • javascript删除元素节点removeChild()用法实例

    javascript删除元素节点removeChild()用法实例

    这篇文章主要介绍了javascript删除元素节点removeChild()用法,实例分析了removeChild()方法移除节点的使用技巧,需要的朋友可以参考下
    2015-05-05
  • 利用Axios实现无感知双Token刷新的详细教程

    利用Axios实现无感知双Token刷新的详细教程

    在现代系统中,Token认证已成为保障用户安全的标准做法,然而,尽管许多系统采用了这种认证方式,却在处理Token刷新方面存在不足,导致用户体验不佳,许多系统未能提供一种无缝的、用户无感知的Token刷新机制,所以本文介绍了教你用Axios实现无感知双Token刷新
    2024-08-08
  • 详解如何在 JavaScript 中使用三元运算符

    详解如何在 JavaScript 中使用三元运算符

    这篇文章主要为大家介绍了详解如何在 JavaScript 中使用三元运算符示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2022-10-10
  • jQuery实现仿百度首页滑动伸缩展开的添加服务效果代码

    jQuery实现仿百度首页滑动伸缩展开的添加服务效果代码

    这篇文章主要介绍了jQuery实现仿百度首页滑动伸缩展开的添加服务效果代码,通过jQuery相应鼠标事件控制页面元素的动态变换功能,非常具有实用价值,需要的朋友可以参考下
    2015-09-09

最新评论