动态加载JavaScript文件的3种方式

来源：懂视网责编：小采时间：2020-11-27 22:15:07

动态加载JavaScript文件的3种方式

动态加载JavaScript文件的3种方式:以下是遇到的几种动态加载JavaScript文件的方式，持续更新中。一、使用document.write/writeln(）方式该种方式可以实现js文件的动态加载，原理就是在重写文档流，这种方式会导致整个页面重绘。实现方式: 代码如下:document.writeln

推荐度：

点击下载本文 文档为doc格式

导读动态加载JavaScript文件的3种方式:以下是遇到的几种动态加载JavaScript文件的方式，持续更新中。一、使用document.write/writeln(）方式该种方式可以实现js文件的动态加载，原理就是在重写文档流，这种方式会导致整个页面重绘。实现方式: 代码如下:document.writeln

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

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

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

实现方式:

代码如下:document.writeln("<script src=\"http://lib.sinaapp.com/js/jquery/1.6/jquery.min.js\"></script>");

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

二、使用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.onload=function(){
 callback();
 }
 }
 }
 script.src=url;
 document.body.appendChild(script);
 }
 loadJs("test.js",function(){
 alert('done');
 });

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

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

动态加载JavaScript文件的3种方式

推荐度：

点击下载本文 文档为doc格式

标签： js 方式三种

热门焦点

动态加载JavaScript文件的3种方式

动态加载JavaScript文件的3种方式

动态加载JavaScript文件的3种方式

最新推荐

猜你喜欢

热门推荐