這篇文章主要介紹了異步安全加載javascript文件的方法,實例分析了javascript實現文件異步加載的具體技巧,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了異步安全加載javascript文件的方法。分享給大家供大家參考。具體如下：

使用方法：

1. (function() { 
2. __safeLoadScript("http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js", function() { 
3. alert(jQuery); 
4. }); 
5. })(); 

JavaScript實現代碼：

1. window.__safeLoadScript = function(src, callback) { 
2. function addEvent(obj, type, fn) { 
3. if (obj.attachEvent) { 
4. obj['e' + type + fn] = fn; 
5. obj[type + fn] = function() { obj['e' + type + fn](window.event); } 
6. obj.attachEvent('on' + type, obj[type + fn]); 
7. } else 
8. obj.addEventListener(type, fn, false); 
9. } 
10. function async_load(src, callback) { 
11. var s = document.createElement('script'); 
12. s.type = 'text/javascript'; 
13. s.async = true; 
14. var protocol = (("https:" == document.location.protocol) ? "https://" : "http://"); 
15. s.src = protocol + src; 
16. var x = document.getElementsByTagName('script')[0]; 
17. x.parentNode.insertBefore(s, x); 
18. s.onload = s.onreadystatechange = function() { 
19. if(callback && (!this.readyState || this.readyState == "loaded" || this.readyState == "complete")) { 
20. callback(); 
21. } 
22. }; 
23. } 
24. addEvent(window, "load", function() {  
25. async_load(src, callback); 
26. }); 
27. }; 

希望本文所述對大家的javascript程序設計有所幫助。