JS延遲加載加快頁面打開速度示例代碼
更新時間：2013年12月30日 15:32:58 作者：
使用JS延遲加載可以加快打開速度，下面有幾個不錯的示例，感興趣的朋友可以參考下
第一，JS延遲加載
代碼如下:
<script language="JavaScript" src="" id="my"></script>
<script language="JavaScript">
setTimeout("document.getElementById('my').src='include/...文件...php'; ",3000);//延時3秒
</script>
第二,JS最后加載
在需要插入JS的地方插入以下代碼:
<SPAN id=L4EVER>LOADING...</SPAN>
當然,那個LOADING…你可以換成自己喜歡的小圖片.看起來很有AJAX效果呢.
然后在頁面最底端插入:
<SPAN class=spanclass id=AD_L4EVER>
你的JS代碼在這里!</SPAN>
<script>L4EVER.innerHTML=AD_L4EVER.innerHTML;AD_L4EVER.innerHTML="";</script>
第三,JS最后加載
想要顯示廣告的位置
<div id="guangg1"></div>
想要顯示的廣告內(nèi)容
<div id="ggad1" style="display:none">
<script language="javascript" src="/include/.......js"></script>
</div>
判斷要顯示的廣告位置是否存在
<script language="javascript">
function chkdiv(divid){
var chkid=document.getElementById(divid);
if(chkid != null)
{return true; }
else
{return false; }
} 最后就是顯示廣告了
if (chkdiv('guangg1')) {
document.getElementById('guangg1').innerHTML= document.getElementById('ggad1').innerHTML;
document.getElementById('ggad1').innerHTML="";
}
</script>
setTimeout用法
setTimeout的標準語法是: setTimeout(表達式,時間(毫秒)) 兩個參數(shù).
在這里著重記下第一個參數(shù)是一個 function時的調(diào)用,假設是一個函數(shù).
1.函數(shù)無參:
function alertV(){ alert("000"); }
當?shù)谝粋€參數(shù)不加引號("" 或 '')時,延遲一秒:
setTimeout(alertV,1000);
當?shù)谝粋€參數(shù)加上又引號時,延遲一秒:
setTimeout("alertV()",1000);
2. 函數(shù)有參:
function alertV(event){ alert("keyCode="+event.keyCode); }
此時應設置成:
setTimeout(function(){alertV(event);},1000); 不然會提示參數(shù)未定義.
代碼如下:
復制代碼 代碼如下:
<script language="JavaScript" src="" id="my"></script>
<script language="JavaScript">
setTimeout("document.getElementById('my').src='include/...文件...php'; ",3000);//延時3秒
</script>
第二,JS最后加載
在需要插入JS的地方插入以下代碼:
<SPAN id=L4EVER>LOADING...</SPAN>
當然,那個LOADING…你可以換成自己喜歡的小圖片.看起來很有AJAX效果呢.
然后在頁面最底端插入:
復制代碼 代碼如下:
<SPAN class=spanclass id=AD_L4EVER>
你的JS代碼在這里!</SPAN>
<script>L4EVER.innerHTML=AD_L4EVER.innerHTML;AD_L4EVER.innerHTML="";</script>
第三,JS最后加載
想要顯示廣告的位置
<div id="guangg1"></div>
想要顯示的廣告內(nèi)容
復制代碼 代碼如下:
<div id="ggad1" style="display:none">
<script language="javascript" src="/include/.......js"></script>
</div>
判斷要顯示的廣告位置是否存在
復制代碼 代碼如下:
<script language="javascript">
function chkdiv(divid){
var chkid=document.getElementById(divid);
if(chkid != null)
{return true; }
else
{return false; }
} 最后就是顯示廣告了
if (chkdiv('guangg1')) {
document.getElementById('guangg1').innerHTML= document.getElementById('ggad1').innerHTML;
document.getElementById('ggad1').innerHTML="";
}
</script>
setTimeout用法
setTimeout的標準語法是: setTimeout(表達式,時間(毫秒)) 兩個參數(shù).
在這里著重記下第一個參數(shù)是一個 function時的調(diào)用,假設是一個函數(shù).
1.函數(shù)無參:
function alertV(){ alert("000"); }
當?shù)谝粋€參數(shù)不加引號("" 或 '')時,延遲一秒:
setTimeout(alertV,1000);
當?shù)谝粋€參數(shù)加上又引號時,延遲一秒:
setTimeout("alertV()",1000);
2. 函數(shù)有參:
function alertV(event){ alert("keyCode="+event.keyCode); }
此時應設置成:
setTimeout(function(){alertV(event);},1000); 不然會提示參數(shù)未定義.
相關文章
json對象轉為字符串,當做參數(shù)傳遞時加密解密的實現(xiàn)方法
下面小編就為大家?guī)硪黄猨son對象轉為字符串,當做參數(shù)傳遞時加密解密的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
今天小編就為大家分享一篇解決layui的input獨占一行的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
Js中使用hasOwnProperty方法檢索ajax響應對象的例子
這篇文章主要介紹了Js中使用hasOwnProperty方法檢索ajax響應對象的例子,本文介紹的技巧就是hasOwnProperty方法在ajax請求中的使用,需要的朋友可以參考下2014-12-12
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)蒙版彈窗效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-11-11
JavaScript實現(xiàn)單擊網(wǎng)頁任意位置打開新窗口與關閉窗口的方法
這篇文章主要介紹了JavaScript實現(xiàn)單擊網(wǎng)頁任意位置打開新窗口與關閉窗口的方法,涉及javascript窗口的相關操作函數(shù)與使用技巧,需要的朋友可以參考下2017-09-09
這篇文章主要介紹了javaScript代碼飄紅報錯看不懂？讀完這篇文章再試試,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-08-08
JavaScript實現(xiàn)2種常見的抽獎效果實例代碼
抽獎系統(tǒng)是一種常見的功能,可以用于各種活動和網(wǎng)站,這篇文章主要給大家介紹了關于JavaScript實現(xiàn)2種常見的抽獎效果的相關資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-01-01
第一次接觸神奇的Bootstrap，Bootstrap提供了用戶友好、擴瀏覽器的解決方案,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
Js使用WScript.Shell對象執(zhí)行.bat文件和cmd命令
這篇文章主要介紹了Js使用WScript.Shell對象執(zhí)行.bat文件和cmd命令,需要的朋友可以參考下2014-12-12
JS實現(xiàn)鼠標經(jīng)過好友列表中的好友頭像時顯示資料卡的效果
需求為當用戶鼠標經(jīng)過好友列表中好友頭像時，顯示該好友的基本資料，其實也就是類似QQ客戶端的那種功能，下面是具體的實現(xiàn)思路及過程2014-07-07