使用Div加速頁面的顯示(原創）

2024-07-21 02:16:54

字體：大中小

來源：轉載

供稿：網友

本文來源于網頁設計愛好者web開發社區http://www.html.org.cn收集整理，歡迎訪問。

昨天寫asp.net程序，把解決難題的經驗簡單寫出來。
程序頁面在
http://www.caijing.com.cn

原來在header和footer之間的內容是分成兩欄放到一個表格中（兩欄中還各自放了很多表格）。

問題1是，在瀏覽頁面時，整個中間部分的內容，直到裝載結束，才能顯示。
現在采用了2個div，左div和右div，分別存放2欄的內容，通過瀏覽，“顯示”速度明顯加快。

問題2是，如何在兩個div下面放上footer。解決方法是使用javascript計算元素的offsettop來取得div的高度，并賦值給footer.

<script language="javascript">
    var headerheight = 160;
    if(divtestright.offsettop > divtestleft.offsettop)
        divabc.style.top = divtestright.offsettop + headerheight;
    else
        divabc.style.top = divtestleft.offsettop + headerheight;
        divabc.style.left = 5;
</script>
其中要注意兩個div，divtestright和divtestleft的放置位置，
divtestright放置在右div末，divtestleft放置在左div末，
并比較這兩個div的offsettop。

經驗：
1。使用這種技術，可以應用在多列div中，原理相同。
2。通過使用這種技術，可以在頁面裝載過程中，發現裝載速度慢的瓶頸并進行改進。
3。可以用這原理開發一個asp.net控件。

上一篇：POP3 Client as a C# Class(轉自CodeProject)

下一篇：Creating DataGrid Templated Columns Dynamically -