HTML5动态加载资源方式,动态加载JavaScript文件的3种方式

以下是遇到的几种动态加载JavaScript文件的方式，持续更新中。。。

一、使用document.write/writeln()方式

该种方式可以实现js文件的动态加载，原理就是在重写文档流，这种方式会导致整个页面重绘。

实现方式:

document.writeln("");

需要注意的是特殊字符的转义。

二、使用jQuery

使用getScript(url,callback)方法实现动态加载js文件

$.getScript('test.js',function(){

alert('done');

});

三、使用原生js方法

原理：动态创建script标签，并指定script的src属性

function loadJs(url,callback){

var script=document.createElement('script');

script.type="text/javascript";

if(typeof(callback)!="undefined"){

if(script.readyState){

script.onreadystatechange=function(){

if(script.readyState == "loaded" || script.readyState == "complete"){

script.onreadystatechange=null;

callback();

}

}else{

script.οnlοad=function(){

callback();

}

script.src=url;

document.body.appendChild(script);

}

loadJs("test.js",function(){

alert('done');

});

还可以使用同样的原理动态加载css文件，只不过插入的的父节点是head标签。

以上就是动态加载JavaScript文件的方法，希望对大家的学习有所帮助。

HTML5动态加载资源方式,动态加载JavaScript文件的3种方式相关推荐

python爬虫有多少种方式_python爬虫-----Python访问http的几种方式
爬取页面数据,我们需要访问页面,发送http请求,以下内容就是Python发送请求的几种简单方式: 会使用到的库 urllib requests 1.urlopen import urllib. ...
HTML5动态加载资源方式,动态加载JavaScript文件的两种方法
这篇文章主要为大家详细介绍了动态加载JavaScript文件的两种方法,感兴趣的小伙伴们可以参考一下第一种便是利用ajax方式,把script文件代码从背景加载到前台,而后对加载到的内容经过eval ...
Spring加载properties文件的两种方式
2019独角兽企业重金招聘Python工程师标准>>> 在项目中如果有些参数经常需要修改,或者后期可能需要修改,那我们最好把这些参数放到properties文件中,源代码中读取pro ...
Python加载csv文件的两种方式
本文主要讲解下Python加载csv文件的两种方式,如果知道如何处理的就不必往下看了! 下面来简单介绍下. 实例中的数据集是kaggle的Digit Recognizer的train.csv文件,数据 ...
[html] 浏览器是怎么对HTML5的离线储存资源进行管理和加载的
[html] 浏览器是怎么对HTML5的离线储存资源进行管理和加载的在线的情况下,浏览器发现html头部有manifest属性,它会请求manifest文件,如果是第一次访问app,那么浏览器就会根 ...
jsp：jsp包含文件的两种方式
第一种:include指令 include指令:当JSP转换成Servlet时引入指定文件(指令元素),这是一种静态包含,它运行的时候不会单独编译成.class文件,它生成一个新的整体.class文件 ...
JS-01-在HTML中嵌入JavaScript代码的三种方式
JS-01-在HTML中嵌入JavaScript代码的三种方式 1.JavaScript概述 Web的组成有HTML.CSS还有即将要学习的JavaScript(简称JS). CSS和JS主要是服务于 ...
java读取csv文件的两种方式
java读取csv文件的两种方式 1.CsvReader读取 import com.csvreader.CsvReader; /*** CsvReader 读取* @param filePath* @ ...
C# 读取XML文件的几种方式
在开发过程中,我们有时会需要保存到本地一些结构化数据或者配置信息,这时就可以选择用xml文件.当然xml的用途也不仅仅是这些. 这一篇来谈一谈关于读取xml文件的几种方式: 我们有以下两个文件,一个是 ...

HTML5动态加载资源方式,动态加载JavaScript文件的3种方式

HTML5动态加载资源方式,动态加载JavaScript文件的3种方式相关推荐

最新文章

热门文章