异步安全加载javascript文件的方法_javascript技巧
程序员文章站
2022-05-16 17:05:57
...
本文实例讲述了异步安全加载javascript文件的方法。分享给大家供大家参考。具体如下:
使用方法:
(function() { __safeLoadScript("http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js", function() { alert(jQuery); }); })();
JavaScript实现代码:
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程序设计有所帮助。
推荐阅读
-
js实现翻页后保持checkbox选中状态的实现方法_javascript技巧
-
JavaScript call apply使用 JavaScript对象的方法绑定到DOM事件后this指向问题_javascript技巧
-
javascript数组快速打乱重排的方法_javascript技巧
-
js如何实现设计模式中的模板方法_javascript技巧
-
JS控制表单提交的方法_javascript技巧
-
在浏览器中获取当前执行的脚本文件名的代码_javascript技巧
-
javascript同步Import,同步调用外部js的方法_javascript技巧
-
让JavaScript和其它资源并发下载的方法_javascript技巧
-
JavaScript检测上传文件大小的方法_javascript技巧
-
JavaScript动态修改弹出窗口大小的方法_javascript技巧