动态同步加载JS脚本

脚本：

1. <script type="text/javascript">
2. (function () {
3.     dsLoadingJS = {
4.         //获取XMLHttpRequest对象(提供客户端同http服务器通讯的协议)
5.         getXmlHttpRequest: function () {
6.             if (window.XMLHttpRequest) // 除了IE外的其它浏览器
7.                 return new XMLHttpRequest();
8.             else if (window.ActiveXObject) // IE 
9.                 return new ActiveXObject("MsXml2.XmlHttp");
10.         },
11. 
    
12.         //导入内容
13.         includeJsText: function (rootObject, jsText) {
14.             if (rootObject != null) {
15.                 var oScript = document.createElement_x("script");
16.                 oScript.type = "text/javascript";
17.                 oScript.text = jsText;
18.                 rootObject.appendChild(oScript);
19.             }
20.         },
21. 
    
22.         //导入文件
23.         includeJsSrc: function (rootObject, fileUrl) {
24.             if (rootObject != null) {
25.                 var oScript = document.createElement_x("script");
26.                 oScript.type = "text/javascript";
27.                 oScript.src = fileUrl;
28.                 rootObject.appendChild(oScript);
29.             }
30.         },
31. 
    
32.         //同步加载
33.         addJs: function (rootObject, url) {
34.             var oXmlHttp = this.getXmlHttpRequest();
35. 
    
36.             oXmlHttp.onreadystatechange = function ()  //其实当在第二次调用导入js时,因为在浏览器当中存在这个*.js文件了,它就不在访问服务器,也就不在执行这个方法了,这个方法也只有设置成异步时才用到        
37.             {
38.                 if (oXmlHttp.readyState == 4) //当执行完成以后(返回了响应)所要执行的        
39.                 {
40.                     if (oXmlHttp.status == 200 || oXmlHttp.status == 304) //200有读取对应的url文件,404表示不存在这个文件        
41.                     {
42.                         this.includeJsSrc(rootObject, url);
43.                     }
44.                     else {
45.                         alert('XML request error: ' + oXmlHttp.statusText + ' (' + oXmlHttp.status + ')');
46.                     }
47.                 }
48.             }
49. 
    
50.             //1.True 表示脚本会在 send() 方法之后继续执行，而不等待来自服务器的响应,并且在open()方法当中有调用到onreadystatechange()这个方法。通过把该参数设置为 "false"，可以省去额外的 onreadystatechange 代码,它表示服务器返回响应后才执行send()后面的方法.
51.             //2.同步执行oXmlHttp.send()方法后oXmlHttp.responseText有返回对应的内容,而异步还是为空,只有在oXmlHttp.readyState == 4时才有内容,反正同步的在oXmlHttp.send()后的操作就相当于oXmlHttp.readyState == 4下的操作,它相当于只有了这一种状态.
52.             oXmlHttp.open('GET', url, false); //url为js文件时,ie会自动生成 '<script src="*.js" type="text/javascript"></script>',ff不会  
53.             oXmlHttp.send(null);
54.             this.includeJsText(rootObject, oXmlHttp.responseText);
55.         }
56.     }
57. })();
58. </script>

调用方法：

1. <body>
2.      <div id="divID"></div>
3.      <script type="text/javascript">
4.          var rootObject = document.getElementByIdx_x("divID");
5.          dsLoadingJS.addJs(rootObject, "skin.js");                                                          //dsLoadingJS.addJs(rootObject,"http://www.sina.com.cn/article/skin.js"); 
6.     </script>
7. </body>