今天在网上找到了一个可以动态加载js文件的js加载器,具体代码如下:
JsLoader.js
var MiniSite=new Object();/*** 判断浏览器*/ MiniSite.Browser={ie:/msie/.test(window.navigator.userAgent.toLowerCase()),moz:/gecko/.test(window.navigator.userAgent.toLowerCase()),opera:/opera/.test(window.navigator.userAgent.toLowerCase()),safari:/safari/.test(window.navigator.userAgent.toLowerCase())};/*** JsLoader对象用来加载外部的js文件*/ MiniSite.JsLoader={/*** 加载外部的js文件* @param sUrl 要加载的js的url地址* @fCallback js加载完成之后的处理函数*/ load:function(sUrl,fCallback){var _script=document.createElement('script');_script.setAttribute('charset','gbk');_script.setAttribute('type','text/javascript');_script.setAttribute('src',sUrl);document.getElementsByTagName('head')[].appendChild(_script);if(MiniSite.Browser.ie){_script.onreadystatechange=function(){if(this.readyState=='loaded'||this.readyStaate=='complete'){//fCallback();if(fCallback!=undefined){fCallback();}}};}else if(MiniSite.Browser.moz){_script.onload=function(){//fCallback();if(fCallback!=undefined){fCallback();}};}else{//fCallback();if(fCallback!=undefined){fCallback();}}}}; JsLoader.js测试
测试结果如下:
您可能感兴趣的文章:动态加载JS文件的三种方法jquery及js实现动态加载js文件的方法用ajax动态加载需要的js文件如何实现JavaScript动态加载CSS和JS文件JS 动态加载js文件和css文件 同步/异步的两种简单方式javascript中动态加载js文件多种解决办法总结使用javaScript动态加载Js文件和Css文件理解javascript中的回调函数(callback) js 异步操作回调函数如何控制执行顺序javascript 自定义回调函数示例代码原生JS实现动态加载js文件并在加载成功后执行回调函数的方法
