2023-02-07 分類: 網(wǎng)站建設(shè)
為了避免出現(xiàn)這種情況,我們應(yīng)該把頁面劃分成多個較小且獨立的表格區(qū)域。這樣的話,每個表格的HTML代碼下載之后瀏覽器就可以立即顯示它。對于瀏覽者來說,頁面將在屏幕上一部分、一部分地逐漸顯示出來。而且更重要的是,這種頁面在屏幕上開始顯示的速度要比前面等待整個頁面下載才顯示的方法快得多。
對于前面介紹的例子,我們不是使用單個大表格進行頁面布局,而是使用三個獨立的表格:第一個表格顯示頁面頂端的導(dǎo)航條,使其具有足夠的寬度顯示頁面內(nèi)容并完整地給出其<TABLE >< /TABLE>標記對;在第一個表格的左下位置安排第二個表格,使這個表格向左對齊;最后一個表格位于第二個表格的右邊,用于放置頁面內(nèi)容。由于現(xiàn)在每一部分都是一個獨立的表格,瀏覽器只要下載了任一部分的代碼就會立即顯示它。因此,頁面頂端和左面的導(dǎo)航條將比頁面其余部分更快地顯示出來。這就避免了讓瀏覽者長時間地在空白頁面前等待,而是給了他這樣一種印象:頁面已經(jīng)開始下載,整個頁面將立刻出現(xiàn)在屏幕上。
修改后的布局代碼如下所示:
< TABLE BORDER="0" WIDTH="100%" > < TR > < TD ALIGN="CENTER" VALIGN="TOP">< !-- 頂端導(dǎo)航條的內(nèi)容 -- >< /TD > < /TR > < /TABLE > < TABLE BORDER="0"ALIGN="LEFT" > < TR > < TD ALIGN="LEFT" VALIGN="TOP" >< !-- 左邊導(dǎo)航條的內(nèi)容 -- ></TD > < /TR > < /TABLE > < TABLE BORDER="0" > < TR > < TD ALIGN="LEFT"VALIGN="TOP" >< !-- 頁面內(nèi)容區(qū)域 -- >< /TD > < /TR > < /TABLE >
正如盡可能早地關(guān)閉TABLE標記使得瀏覽器能夠快速地顯示出表格中的數(shù)據(jù),還有另外兩個標記也同樣可以用這種方法提高顯示速度,這兩個標記就是用于制作列表框的<OPTION >標記和用于制作無序列表的< LI >標記。
ASP程序員常常要訪問數(shù)據(jù)庫獲取數(shù)據(jù)然后用< OPTION >標記構(gòu)造列表框。只要簡單地改動一下代碼關(guān)閉<OPTION >標記,就可以讓瀏覽器顯示頁面的速度加快。
例如,原先使用下面的代碼:
Do while not objRS.EOF strOptionList = strOptionList & "< OPTIONVALUE=""" & objRS("ID") & _ """ >" & objRS("ProductName") objRS.MoveNextLoop Response.Write "< SELECT SIZE=""1"" >" & strOptionList & "< /SELECT >"
現(xiàn)在只需改動一行代碼: Do while not objRS.EOF strOptionList = strOptionList & "< OPTIONVALUE=""" & objRS("ID") & _ """ >" & objRS("ProductName") & "< /OPTION >"objRS.MoveNext Loop Response.Write "< SELECT SIZE=""1"" >" & strOptionList &""
網(wǎng)站名稱:提高頁面顯示速度的秘技
網(wǎng)站地址:http://jinyejixie.com/news26/235726.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供營銷型網(wǎng)站建設(shè)、做網(wǎng)站、響應(yīng)式網(wǎng)站、標簽優(yōu)化、建站公司、全網(wǎng)營銷推廣
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容