延遲載入網頁某內容

發表留言 人氣: 3131°c

網頁含有不同的HTML框架/元素,例如: 表格、圖片、影片、Flash等,想將某一段內容延遲加載,優化網頁的載入速度。

筆者在網上找到的多數是延遲加載圖片的外掛,很小有運用到表格或其他的內容上的源碼。

其實很簡單的使用JS的setTimeout在指定的毫秒數後執行代碼(延時)物件。

令元素所在的範圍延遲載入或最後加載顯示出來。

一﹑ 載入提示
<div id="vodid1" align="center"><img src="/image/loadingm.gif" alt="loading" />努力加載中...</div>

二﹑ 加載內容
<script type="text/javascript">
var html="<iframe src='ex.php' frameborder='0' scrolling='no' width='100%' height='190px' allowtransparency='true'></iframe>";
setTimeout("document.getElementById('vodid1').innerHTML=html",5000); //延遲 5 秒
</script>

標籤: