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

前端之家收集整理的这篇文章主要介绍了动态加载JavaScript文件的3种方式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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


@H_4030@

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


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


@H_4030@实现方式:


@H
403_0@<div class="codetitle"><a style="CURSOR: pointer" data="31217" class="copybut" id="copybut31217" onclick="doCopy('code31217')"> 代码如下:
<div class="codebody" id="code31217">document.writeln("<script src=\"http://lib.sinaapp.com/js/jquery/1.6/jquery.min.js\"&gt;");


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


@H
4030@

二、使用jQuery


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


<div class="jb51code">
<pre class="brush:js;">
$.getScript('test.js',function(){
alert('done');
});

@H_403_0@

三、使用原生js方法

@H_403_0@原理:动态创建script标签,并指定script的src属性

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

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

猜你在找的JavaScript相关文章