javascript教程廣告延遲載入代碼或頁面內容載入完後載入js調用內容
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "HTTP://www.w3.org/tr/xhtml1/dtd/ xhtml1-transitional.dtd">
<html xmlns="HTTP://www.jzread.com/1999/xhtml">
<head>
<meta HTTP-equiv="content-type" content="text/html; charset=gb2312" />
<title>javascript教程廣告延遲載入代碼或頁面內容載入完後載入js調用內容</title>
</head>
<body>
<div id="demob">
</div>
<div style="display:none;" id="demob_hidden">
<!--此div中放要載入的外部js調用-->
</div >
<script>
function chkdiv(divid){
var chkid=document.getelementbyid(divid);
if(chkid != null)
{return true; }
else
{return false; }
}
if (chkdiv('demob')) {
document.getelementbyid('demob').innerhtml= document.getelementbyid('demob_hidden').innerhtml;
document.getelementbyid('demob_hidden').innerhtml="";
}
</script>
其中id為demob的div是網頁中間的原來放js調用地方，下面的隱藏的id為demob_hidden的div及後面的js代碼放在網頁最後面，這樣在網頁內容大部分載入完後再載入隱藏div中的js調用， 然後再用後面的函數賦給demob，這樣能減少外部js載入速度對網頁整體載入的視覺影響了。
方法二
js延遲載入
代碼如下:
程式碼
<script language="javascript" src="" id="my"></script>
<script>
settimeout("document.getelementbyid('my').src='include/php教程100.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>
</body>
</html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
