異步安全加載javascript文件的方法
更新時間：2015年07月21日 09:16:21 作者：華宰
這篇文章主要介紹了異步安全加載javascript文件的方法,實例分析了javascript實現(xiàn)文件異步加載的具體技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了異步安全加載javascript文件的方法。分享給大家供大家參考。具體如下：
使用方法：
(function() {
__safeLoadScript("http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js", function() {
alert(jQuery);
});
})();
JavaScript實現(xiàn)代碼：
window.__safeLoadScript = function(src, callback) {
function addEvent(obj, type, fn) {
if (obj.attachEvent) {
obj['e' + type + fn] = fn;
obj[type + fn] = function() { obj['e' + type + fn](window.event); }
obj.attachEvent('on' + type, obj[type + fn]);
} else
obj.addEventListener(type, fn, false);
}
function async_load(src, callback) {
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
var protocol = (("https:" == document.location.protocol) ? "https://" : "http://");
s.src = protocol + src;
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
s.onload = s.onreadystatechange = function() {
if(callback && (!this.readyState || this.readyState == "loaded" || this.readyState == "complete")) {
callback();
}
};
}
addEvent(window, "load", function() {
async_load(src, callback);
});
};
希望本文所述對大家的javascript程序設(shè)計有所幫助。
相關(guān)文章
一個JavaScript遞歸實現(xiàn)反轉(zhuǎn)數(shù)組字符串的實例
這篇文章主要介紹了一個JavaScript遞歸實現(xiàn)反轉(zhuǎn)數(shù)組字符串的實例，很不錯，非常適合新手朋友們2014-10-10
這篇文章主要介紹了javascript中閉包概念與用法,結(jié)合實例形式深入分析了javascript中閉包的概念、使用方法與相關(guān)注意事項,需要的朋友可以參考下2016-12-12
這篇文章介紹了JS檢測圖片大小的實例，有需要的朋友可以參考一下2013-08-08
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)下拉菜單切換效果，篩選條件功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-11-11
有時在顯示某段文字的時候，可能會太長，影響我們頁面的顯示效果。如果僅是英文，那么我們可以用String.substring(start, end)函數(shù)就已經(jīng)夠用了。但是通常我們都會遇到既有英文，又有漢字的情況。而漢字是占用2個字節(jié)的，如果用String.substring(start, end)截取字符串的話，會發(fā)現(xiàn)漢字截取后比英文截取后個數(shù)雖然相同，但是長度還是長出去不少（具體要視字符個數(shù)來決定）2013-04-04
本文給大家介紹的是是一款javascript彈出層特效,支持點擊觸發(fā)js彈出層,滑過觸發(fā)js彈出層,帶動畫效果js彈出層,可自定義函數(shù)回調(diào)js彈出層。2015-05-05
JS實現(xiàn)基于Sketch.js模擬成群游動的蝌蚪運動動畫效果【附demo源碼下載】
這篇文章主要介紹了JS實現(xiàn)基于Sketch.js模擬成群游動的蝌蚪運動動畫效果,涉及Sketch.js插件的使用及HTML5元素的應(yīng)用技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-08-08
這篇文章主要為大家詳細介紹了js實現(xiàn)PC端和移動端刮卡效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
JavaScript數(shù)組方法之findIndex()的用法詳解
findIndex()方法是一個非常實用的數(shù)組方法,可以幫助我們快速查找符合某個條件的元素,本文給大家介紹JavaScript數(shù)組方法之findIndex()的用法,感謝的朋友跟隨小編一起看看吧2023-10-10
可以自定義廣告的圖片、鏈接、長、寬等。光標(biāo)移到圖片上會出現(xiàn)左右箭頭，感興趣的朋友可以嘗試測試下2013-10-10