动态加载Javascript增强版本

我们经常使用动态加载Javascript，写个函数很容易现实，之前也写过一个函数，不过当加载多个JS时，只能根据浏览器返回的顺序来先后加载，这肯定不是我们想要的，现在使用了一下技巧，当加载多个JS时，能按照我们的顺序加载：

/*Name:动态加载JSAuthor:kingwell LengDate : 2013/4/21E-mail: jinhua.leng##gmail.com*/
function getScript(obj, callback) {var arr = obj,timeout,str = typeof obj === 'string';function add() {var script = document.createElement("script");header = document.getElementsByTagName("head")[0];script.src = str ? obj : arr[0];script.type = "text/javascript";if (str) {if (script.readyState) {script.onreadystatechange = function () {if (script.readyState === 'loaded' || script.readyState === 'complete') {script.onreadystatechange = null;callback && callback();}};} else {script.onload = function () {callback && callback();};}} else {if (arr.length >= 1) {if (script.readyState) {script.onreadystatechange = function () {if (script.readyState === 'loaded' || script.readyState === 'complete') {script.onreadystatechange = null;arr.shift();timeout = setTimeout(add, 1);}};} else {script.onload = function () {arr.shift();timeout = setTimeout(add, 1);};}} else {clearTimeout(timeout);callback && callback();}}header.appendChild(script);}add();
}

调用：

getScript(['http://code.jquery.com/jquery-1.9.1.min.js','js1.js', 'js2.js', 'js3.js', 'js4.js'], function () {alert('我是按顺序加载啦');
});

现在是按照我们写代码的顺序加载啦...

转载于:https://www.cnblogs.com/kingwell/archive/2013/04/21/3033551.html

动态加载Javascript增强版本相关推荐

动态加载javascript和css
动态加载javascript和css 一.动态加载javascript方法 <script type="text/javascript"> var style = do ...
动态加载JavaScript文件
目录配置无脑方法! 逆袭之道! 一块蛋糕! 结论源代码 JavaScript文件的动态加载是您必须拥有的非常有用的工具之一.它允许您通过将阻止脚本从加载过程中移出(通常称为"延迟加载& ...
HTML5动态加载资源方式,动态加载JavaScript文件的3种方式
以下是遇到的几种动态加载JavaScript文件的方式,持续更新中... 一.使用document.write/writeln()方式该种方式可以实现js文件的动态加载,原理就是在重写文档流,这种方 ...
HTML5动态加载资源方式,动态加载JavaScript文件的两种方法
这篇文章主要为大家详细介绍了动态加载JavaScript文件的两种方法,感兴趣的小伙伴们可以参考一下第一种便是利用ajax方式,把script文件代码从背景加载到前台,而后对加载到的内容经过eval ...
如何实现动态加载Javascript 文件模块
前端开发中仅在需要时的时候加载 JavaScript 模块.这样可以提供很大的性能,比如:您有一个组件,例如复杂的视频播放器,它可以使用大量 js,并且该视频仅在用户单击它时才会启动. 那么在这种情况 ...
动态加载javascript
/* *title:动态加载script文件 *description:动态加载scrip *time:2012-05-16 */function load_script(url, callback) ...
php 动态加载JavaScript文件或者css文件
1. 动态加载JS文件第一种方法: test.php <script language="JavaScript" src="test6.php?str=i lov ...
[转]动态加载javascript
动态加载script到页面大约有俩方法第一种就是利用ajax方式,把script文件代码从后台加载到前台,然后对加载到的内容通过eval()执行代码. 第二种是,动态创建一个script标签,设置其 ...
JavaScript网页实例：在网页里动态加载JavaScript
把一些逻辑独立的JavaScript脚本文件单独加载,是一种常见的JavaScript动态加载技术.这样做的好处有很多,比如可以减少不必要的JavaScript脚本文件的加载,以提高网页浏览速度. 补 ...

动态加载Javascript增强版本

动态加载Javascript增强版本相关推荐

最新文章

热门文章