為了避免出現(xiàn)這種情況，我們應(yīng)該把頁(yè)面劃分成多個(gè)較小且獨(dú)立的表格區(qū)域。這樣的話(huà)，每個(gè)表格的HTML代碼下載之后瀏覽器就可以立即顯示它。對(duì)于瀏覽者來(lái)說(shuō)，頁(yè)面將在屏幕上一部分、一部分地逐漸顯示出來(lái)。而且更重要的是，這種頁(yè)面在屏幕上開(kāi)始顯示的速度要比前面等待整個(gè)頁(yè)面下載才顯示的方法快得多。

對(duì)于前面介紹的例子，我們不是使用單個(gè)大表格進(jìn)行頁(yè)面布局，而是使用三個(gè)獨(dú)立的表格：第一個(gè)表格顯示頁(yè)面頂端的導(dǎo)航條，使其具有足夠的寬度顯示頁(yè)面內(nèi)容并完整地給出其<TABLE >< /TABLE>標(biāo)記對(duì)；在第一個(gè)表格的左下位置安排第二個(gè)表格，使這個(gè)表格向左對(duì)齊；最后一個(gè)表格位于第二個(gè)表格的右邊，用于放置頁(yè)面內(nèi)容。由于現(xiàn)在每一部分都是一個(gè)獨(dú)立的表格，瀏覽器只要下載了任一部分的代碼就會(huì)立即顯示它。因此，頁(yè)面頂端和左面的導(dǎo)航條將比頁(yè)面其余部分更快地顯示出來(lái)。這就避免了讓瀏覽者長(zhǎng)時(shí)間地在空白頁(yè)面前等待，而是給了他這樣一種印象：頁(yè)面已經(jīng)開(kāi)始下載，整個(gè)頁(yè)面將立刻出現(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" >< !-- 頁(yè)面內(nèi)容區(qū)域 -- >< /TD > < /TR > < /TABLE >
正如盡可能早地關(guān)閉TABLE標(biāo)記使得瀏覽器能夠快速地顯示出表格中的數(shù)據(jù)，還有另外兩個(gè)標(biāo)記也同樣可以用這種方法提高顯示速度，這兩個(gè)標(biāo)記就是用于制作列表框的<OPTION >標(biāo)記和用于制作無(wú)序列表的< LI >標(biāo)記。
ASP程序員常常要訪(fǎng)問(wèn)數(shù)據(jù)庫(kù)獲取數(shù)據(jù)然后用< OPTION >標(biāo)記構(gòu)造列表框。只要簡(jiǎn)單地改動(dòng)一下代碼關(guān)閉<OPTION >標(biāo)記，就可以讓瀏覽器顯示頁(yè)面的速度加快。

例如，原先使用下面的代碼： 　
Do while not objRS.EOF strOptionList = strOptionList & "< OPTIONVALUE=""" & objRS("ID") & _ """ >" & objRS("ProductName") objRS.MoveNextLoop Response.Write "< SELECT SIZE=""1"" >" & strOptionList & "< /SELECT >"
現(xiàn)在只需改動(dòng)一行代碼： 　 Do while not objRS.EOF strOptionList = strOptionList & "< OPTIONVALUE=""" & objRS("ID") & _ """ >" & objRS("ProductName") & "< /OPTION >"objRS.MoveNext Loop Response.Write "< SELECT SIZE=""1"" >" & strOptionList &""

網(wǎng)站名稱(chēng)：提高頁(yè)面顯示速度的秘技
網(wǎng)站地址：http://m.2m8n56k.cn/news26/235726.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、做網(wǎng)站、響應(yīng)式網(wǎng)站、標(biāo)簽優(yōu)化、建站公司、全網(wǎng)營(yíng)銷(xiāo)推廣

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：[email protected]。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)