关闭

在js文件中引入另一个js文件的实现方法总汇

时间: 2018-10-24阅读: 32539标签: 文件

比如我写了一个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,但不导入任何变量


站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

链接: http://www.fly63.com/article/detial/1183

PHP下载大文件失败,并限制下载速度

PHP在使用readfile函数定义下载文件时候,文件不可以过大,否则会下载失败,文件损坏且不报错;这个是因为readfile读取文件的时候会把文件放入缓存,导致内存溢出;解决:分段下载,并限制下载速度;

HTML5中FileReader的使用

HTML5定义了FileReader作为文件API的重要成员用于读取文件,FileReader接口提供了读取文件的方法和包含读取结果的事件模型。 FileReader 的实例拥有 4 个方法,其中 3 个用以读取文件,另一个用来中断读取。

在不使用mv命令的情况下移动文件

有时当你需要移动一个文件时,mv 命令似乎不是最佳选项,那么你会如何做呢?不起眼的 mv 命令是在你见过的每个 POSIX 系统中都能找到的有用工具之一。它的作用是明确定义的,并且做得很好

js和css文件位置对页面性能有什么影响?

js脚本应该放在底部,原因在于js线程与GUI渲染线程是互斥的关系,如果js放在首部,当下载执行js的时候,会影响渲染行程绘制页面,js的作用主要是处理交互,而交互必须得先让页面呈现才能进行,所以为了保证用户体验,尽量让页面先绘制出来

HTML5实现文件读取、编辑、保存

HTML5读取文件主要利用的就是FileReader这个API,它的使用需要从一个构造函数开始,保存文件的关键是生成文件对象,可以使用URL.createObjectURL()方法实现,该方法能返回给定对象的URL,用在<a>标签的href属性上就可以创建可下载的文件链接。

vue在index.html中引入静态文件不生效

出现该问题的标志如下,控制台warning(Resource interpreted as Stylesheet but transferred with MIME type text/html),第一种可能出现原因就是引入的静态文件在src文件夹内,这种的解决办法就是把资源引入静态资源的目录static

nodejs如何调用其他的js文件内容?

将其他js文件与nodejs文件放在同一目录下,然后在nodejs文件中使用require(\\\'js文件路径\\\');将其他js文件引入到nodejs文件中,就可以直接调用其他js文件内容了。

vue 查看dist文件里的结构

优化打包后的代码,提高性能。方式一:report-json。package.json文件里加入以下命令,然后控制台运行 npm run report结果:会在dist文件夹里生成 report.json。里面有打包后每个文件的来源。

javascript中如何读取文件?

因为JavaScript中的Web API有了新的方法File API,所以我们在浏览器上读取文件并处理数据更加方便而且不需要使用到后端服务器。FileReader就是从一个文件中读取数据并存储在一个JavaScript变量中

基于Node的Axure文件在线预览

公司现在的产品Axure文档在生成好Html文件之后,都是通过git来进行管理的,每次文件更新,大家都需要从git上进行拉取,然后在本地查看,更新会出现不及时的问题,大家有时候忘记git拉取导致出现实现效果与最终产品稿不一致

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!