这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
这篇文章主要介绍了如何动态加载外部 Javascript 文件,本文举例讲解使用 js 加载器动态加载外部 Javascript 文件,感兴趣的小伙伴们可以参考一下
最近在网上找到了一个可以动态加载 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')[0].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 测试
- <!DOCTYPE html>
- <html>
- <head>
- <!--引入js加载器 -->
- <script type="text/javascript" src="js/JsLoader.js">
- </script>
- <title>
- JsLoaderTest.html
- </title>
- <script type="text/javascript">
- if (MiniSite.Browser.ie) {
- //动态加载Js
- MiniSite.JsLoader.load("js/jquery-1.9.1.js",
- function() {
- alert("动态加载的是jquery-1.9.1.js");
- $(function() {
- alert("jquery-1.9.1.js动态加载完成之后做的处理操作");
- });
- });
- } else {
- MiniSite.JsLoader.load("js/jquery-2.0.3.js",
- function() {
- alert("动态加载的是jquery-2.0.3.js");
- $(function() {
- alert("jquery-2.0.3.js动态加载完成之后做的处理操作");
- });
- });
- }
- </script>
- </head>
- <body>
- </body>
- </html>
测试结果如下:
IE 浏览器下测试结果:
google 浏览器下的测试结果:
为大家分享的如何使用 js 加载器动态加载外部 Javascript 文件,相信一定会对大家的学习有很大的帮助。
来源: http://www.phperz.com/article/17/0408/268331.html