时间:2021-05-18
本文实例讲述了异步安全加载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程序设计有所帮助。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了javascript文件加载管理简单实现方法。分享给大家供大家参考。具体如下:这里介绍超级简单的进行javascript的文件(模块)的加载管理,
动态加载js文件有时候我们需要根据参数不同来引入不同的js文件,用html直接写标签满足不了我们的需求,总结几种方法,以及同步异步加载的各种需求一.直接加载二.
动态载入JavaScript/Csss文件传统加载外部JavaScript(*.js)或者Css(*.css)文件的方法是直接在标签里面进行添加:复制代码代码如
简介AJAX=AsynchronousJavaScriptandXML(异步的JavaScript和XML)。AJAX是一种在无需重新加载整个网页的情况下,能够
Preloader预加载一般有两种常用方式:xhr和动态插入节点的方式。动态插入节点是最为简单也最为广泛的一种异步加载方式,然后使用动态插入节点方法加载的文件都