重寫document.write實(shí)現(xiàn)無阻塞加載script
/* 全局存儲(chǔ)變量 */
var global = { variable : {},//數(shù)據(jù)變量 cache : {},//數(shù)據(jù)緩存 sitepath : '/',//網(wǎng)站根目錄 loadScript : {},//延遲加載 loadScriptId : [],//延遲加載Id loadScriptNum : 0,//當(dāng)前加載元素 loadScriptT : '',//延遲開關(guān)}/* 全局方法 */
var common = { /** * 重寫document.write實(shí)現(xiàn)無阻塞加載script * @param { Dom Object } textarea元素 */ loadScript : function( elem ){ if(elem != undefined){ if(global.loadScriptT != 0 && global.loadScriptT != undefined){ clearTimeout(global.loadScriptT); } global.loadScript[elem.id] = elem; global.loadScriptT = setTimeout(function(){ for(var a in global.loadScript){ global.loadScriptId.push(a); } common.loadScriptOrder(global.loadScriptNum); },300); } }, loadScriptAuto : function(){ $('textarea[id^=loadScript]').each(function(a,b){ common.loadScript(b); }); }, loadScriptOrder : function(i){ clearTimeout(global.loadScriptT); if(global.loadScriptId[i] != undefined){ global.loadScriptT = setTimeout(function(){ common.loadScriptRun(global.loadScript[global.loadScriptId[i]]); global.loadScriptNum = i+1; common.loadScriptOrder(global.loadScriptNum); },300); } }, loadScriptRun : function( elem ){ if(typeof elem == 'undefined') return; var url = elem.value.match( /src="([/s/S]*?)"/i )[1]; // 緩存原生的document.write var docWrite = document.write; // 創(chuàng)建一個(gè)新script來加載 var script = document.createElement( 'script' ); var head = document.head || document.getElementsByTagName( 'head' )[0] || document.documentElement; // 重寫document.write document.write = function( text ){ $('#'+elem.id).replaceWith($(text)); //elem.parentNode.replaceChild(text,elem); }; script.type = 'text/Javascript'; script.src = url; script.onerror = script.onload = script.onreadystatechange = function( e ){ e = e || window.event; if( !script.readyState || /loaded|complete/.test(script.readyState) ||e === 'error'){ // 恢復(fù)原生的document.write document.write = docWrite; head.removeChild( script ); // 卸載事件和斷開DOM的引用 // 盡量避免內(nèi)存泄漏 head = elem = script = script.onerror = script.onload = script.onreadystatechange = null; } } // 加載script head.insertBefore( script, head.firstChild ); delete global.loadScript[elem.id]; },}使用方法
引入js文件，然后調(diào)用方法
common.loadScript(document.getElementById('idname'));新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注
