JS的异步加载实现

普通写法<script>载入外部JS的时候，是阻碍其他下载的，所有的加载都停止下来，等待这个外部JS的加载并执行完毕，所以异步加载js是非常有必要的，那如何解决实现呢，思路：

一、原生态js实现

1. 创建一个script 的DOM节点；
2. 对其的type属性赋值为text/javascript ；
3. 再指定它的src属性为要加载的js文件URL；
4. 把这个DOM节点加入到页面中。

[javascript] view plain copy

1. var MiniSite=new Object();  
2. MiniSite.Browser={  
3. ie:/msie/.test(window.navigator.userAgent.toLowerCase()),  
4. moz:/gecko/.test(window.navigator.userAgent.toLowerCase()),  
5. opera:/opera/.test(window.navigator.userAgent.toLowerCase()),  
6. safari:/safari/.test(window.navigator.userAgent.toLowerCase())  
7. };  
8. MiniSite.JsLoader={  
9. load:function(sUrl,fCallback){  
10. var _script=document.createElement('script');  
11. _script.setAttribute('charset','gb2312');  
12. _script.setAttribute('type','text/javascript');  
13. _script.setAttribute('src',sUrl);  
14. document.getElementsByTagName('head')[0].appendChild(_script);  
15. if(MiniSite.Browser.ie){  
16. _script.onreadystatechange=function(){  
17. if(this.readyState=='loaded'||this.readyState=='complete'){  
18. fCallback();  
19. }  
20. };  
21. }else if(MiniSite.Browser.moz){  
22. _script.onload=function(){  
23. fCallback();  
24. };  
25. }else{  
26. fCallback();  
27. }  
28. }  
29. };  

[javascript] view plain copy

1. //使用方法  
2. function showaddr()  
3. {  
4. alert(IPData);  
5. }  
6. MiniSite.JsLoader.load("http://fw.qq.com/ipaddress",function(){showaddr();});  

 

二、用jQuery 的$.getscript()方法来完成异步加载。