< !-- 頁(yè)面內(nèi)容區(qū)域 -- >< /TD > < /TR > < /TABLE > 如果瀏覽器發(fā)現(xiàn)頁(yè)面中有一個(gè)TABLE標(biāo)記,在接收到對(duì)應(yīng)的結(jié)束標(biāo)記< /TABLE>之前它不會(huì)顯示這個(gè)表格。因此,如果整個(gè)頁(yè)面都放入了一個(gè)大表格中,在瀏覽器下載這個(gè)大表格的< /TABLE>標(biāo)記之前整個(gè)頁(yè)面都不會(huì)顯示。當(dāng)顯示內(nèi)容非常多的頁(yè)面時(shí)(例如,搜索結(jié)果或者電子商務(wù)網(wǎng)站上的產(chǎn)品目錄),表格的延遲顯示會(huì)導(dǎo)致整個(gè)頁(yè)面顯示的停頓。 為了避免出現(xiàn)這種情況,我們應(yīng)該把頁(yè)面劃分成多個(gè)較小且獨(dú)立的表格區(qū)域。這樣的話,每個(gè)表格的HTML代碼下載之后瀏覽器就可以立即顯示它。對(duì)于瀏覽者來說,頁(yè)面將在屏幕上一部分、一部分地逐漸顯示出來。而且更重要的是,這種頁(yè)面在屏幕上開始顯示的速度要比前面等待整個(gè)頁(yè)面下載才顯示的方法快得多。 對(duì)于前面介紹的例子,我們不是使用單個(gè)大表格進(jìn)行頁(yè)面布局,而是使用三個(gè)獨(dú)立的表格:第一個(gè)表格顯示頁(yè)面頂端的導(dǎo)航條,使其具有足夠的寬度顯示頁(yè)面內(nèi)容并完整地給出其 < /TABLE>標(biāo)記對(duì);在第一個(gè)表格的左下位置安排第二個(gè)表格,使這個(gè)表格向左對(duì)齊;最后一個(gè)表格位于第二個(gè)表格的右邊,用于放置頁(yè)面內(nèi)容。由于現(xiàn)在每一部分都是一個(gè)獨(dú)立的表格,瀏覽器只要下載了任一部分的代碼就會(huì)立即顯示它。因此,頁(yè)面頂端和左面的導(dǎo)航條將比頁(yè)面其余部分更快地顯示出來。這就避免了讓瀏覽者長(zhǎng)時(shí)間地在空白頁(yè)面前等待,而是給了他這樣一種印象:頁(yè)面已經(jīng)開始下載,整個(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)容 -- > < /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)記就是用于制作列表框的 例如,原先使用下面的代碼: 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)頁(yè)名稱:提高頁(yè)面顯示速度的秘技
當(dāng)前鏈接:http://jinyejixie.com/news/235726.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供靜態(tài)網(wǎng)站、網(wǎng)頁(yè)設(shè)計(jì)公司、動(dòng)態(tài)網(wǎng)站、網(wǎng)站策劃、網(wǎng)站導(dǎo)航、Google
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源:
創(chuàng)新互聯(lián)
泗水县|
嘉义县|
子长县|
龙江县|
嘉峪关市|
华坪县|
石狮市|
察雅县|
鄂尔多斯市|
青海省|
贡觉县|
汕头市|
佛坪县|
洛阳市|
松潘县|
江川县|
南充市|
蒙阴县|
科技|
连山|
句容市|
平塘县|
濉溪县|
滦南县|
黎川县|
沅江市|
琼结县|
饶阳县|
芜湖县|
五莲县|
泰安市|
大悟县|
曲水县|
定襄县|
鄂伦春自治旗|
彰化市|
横峰县|
西峡县|
绩溪县|
长泰县|
高邮市|
|