亚洲综合区图片小说区_亚洲aⅴ男人的天堂在线观看_日韩精品国产另类专区_男人扒开女人的腿做爽爽视频

歡迎進入蘇州聚尚網絡科技有限公司官網!

建站熱線: 0512-88960669 18962528455

聚尚網絡科技

點擊這里給我發消息點擊這里給我發消息

提高頁(ye)面顯示速度的秘技

提高頁(ye)面顯示速(su)度的(de)秘(mi)技

    在安排Web頁面的布局時，最常用的方法之一是用HTML表格界定頁面的結構。例如，假設Web頁面由頂端的導航條和它下面的兩欄（列）構成——左邊的列是一個導航條，右邊的列是實際安置內容的區域。對于這樣一個頁面，我們可以用一個兩行、兩列的大表格進行布局：在第一行中，合并兩個列然后放上頂端導航表格；在第二個行中，左邊的列放上一個顯示導航按鈕的表格，右邊的列再用一個表格顯示頁面的實際內容。用這種表格嵌套表格的方法進行布局可以得到非常好的效果。
    要制作出這種頁面，我們可以使用如下HTML代碼
    < TABLE BORDER="0" > < TR > < TD COLSPAN="2" >< !-- 頂端導航條的內容 -- >< /TD >< /TR > < TR > < TD ALIGN="LEFT" VALIGN="TOP" >< !-- 左邊導航條的內容 -- >< /TD > <TD ALIGN="LEFT" VALIGN="TOP" >< !-- 頁面內容區域 -- >< /TD > < /TR > < /TABLE >　
    如果瀏覽器發現頁面中有一個TABLE標記，在接收到對應的結束標記< /TABLE>之前它不會顯示這個表格。因此，如果整個頁面都放入了一個大表格中，在瀏覽器下載這個大表格的< /TABLE>標記之前整個頁面都不會顯示。當顯示內容非常多的頁面時（例如，搜索結果或者電子商務網站上的產品目錄），表格的延遲顯示會導致整個頁面顯示的停頓。

　　為(wei)了(le)避免出(chu)現這(zhe)種情(qing)況，我們應該(gai)把頁(ye)面劃(hua)分(fen)(fen)成多(duo)個(ge)較小(xiao)且獨(du)立(li)的(de)(de)表(biao)格區(qu)域。這(zhe)樣的(de)(de)話(hua)，每個(ge)表(biao)格的(de)(de)HTML代碼(ma)下(xia)載之后(hou)瀏覽器(qi)就可以立(li)即顯(xian)示它。對于瀏覽者來說，頁(ye)面將在屏幕上一部分(fen)(fen)、一部分(fen)(fen)地逐漸顯(xian)示出(chu)來。而且更重要的(de)(de)是，這(zhe)種頁(ye)面在屏幕上開始顯(xian)示的(de)(de)速(su)度要比前面等待整個(ge)頁(ye)面下(xia)載才顯(xian)示的(de)(de)方法快得多(duo)。

　　對(dui)于前面(mian)(mian)(mian)介(jie)紹的(de)(de)例(li)子，我們不(bu)是使(shi)(shi)用單個(ge)(ge)(ge)(ge)大表格(ge)(ge)(ge)進行頁面(mian)(mian)(mian)布局，而(er)是使(shi)(shi)用三(san)個(ge)(ge)(ge)(ge)獨立的(de)(de)表格(ge)(ge)(ge)：第(di)一(yi)(yi)個(ge)(ge)(ge)(ge)表格(ge)(ge)(ge)顯示(shi)(shi)頁面(mian)(mian)(mian)頂端的(de)(de)導航(hang)條(tiao)，使(shi)(shi)其(qi)具有足夠(gou)的(de)(de)寬度顯示(shi)(shi)頁面(mian)(mian)(mian)內容(rong)并完整地(di)給(gei)出其(qi)<TABLE >< /TABLE>標記對(dui)；在(zai)第(di)一(yi)(yi)個(ge)(ge)(ge)(ge)表格(ge)(ge)(ge)的(de)(de)左(zuo)下(xia)位(wei)置安排第(di)二個(ge)(ge)(ge)(ge)表格(ge)(ge)(ge)，使(shi)(shi)這個(ge)(ge)(ge)(ge)表格(ge)(ge)(ge)向左(zuo)對(dui)齊；最后一(yi)(yi)個(ge)(ge)(ge)(ge)表格(ge)(ge)(ge)位(wei)于第(di)二個(ge)(ge)(ge)(ge)表格(ge)(ge)(ge)的(de)(de)右邊，用于放置頁面(mian)(mian)(mian)內容(rong)。由于現(xian)在(zai)每一(yi)(yi)部分(fen)都是一(yi)(yi)個(ge)(ge)(ge)(ge)獨立的(de)(de)表格(ge)(ge)(ge)，瀏覽(lan)器只要下(xia)載了任一(yi)(yi)部分(fen)的(de)(de)代(dai)碼就(jiu)會立即顯示(shi)(shi)它。因(yin)此(ci)，頁面(mian)(mian)(mian)頂端和左(zuo)面(mian)(mian)(mian)的(de)(de)導航(hang)條(tiao)將(jiang)比頁面(mian)(mian)(mian)其(qi)余(yu)部分(fen)更快地(di)顯示(shi)(shi)出來。這就(jiu)避免了讓瀏覽(lan)者長時間地(di)在(zai)空白頁面(mian)(mian)(mian)前等(deng)待，而(er)是給(gei)了他這樣一(yi)(yi)種印象(xiang)：頁面(mian)(mian)(mian)已(yi)經開始下(xia)載，整個(ge)(ge)(ge)(ge)頁面(mian)(mian)(mian)將(jiang)立刻(ke)出現(xian)在(zai)屏幕上。

　　修改后的布局代碼如下所示：　   
    < TABLE BORDER="0" WIDTH="100%" > < TR > < TD ALIGN="CENTER" VALIGN="TOP">< !-- 頂端導航條的內容 -- >< /TD > < /TR > < /TABLE > < TABLE BORDER="0"ALIGN="LEFT" > < TR > < TD ALIGN="LEFT" VALIGN="TOP" >< !-- 左邊導航條的內容 -- ></TD > < /TR > < /TABLE > < TABLE BORDER="0" > < TR > < TD ALIGN="LEFT"VALIGN="TOP" >< !-- 頁面內容區域 -- >< /TD > < /TR > < /TABLE > 　
    正如盡可能早地關閉TABLE標記使得瀏覽器能夠快速地顯示出表格中的數據，還有另外兩個標記也同樣可以用這種方法提高顯示速度，這兩個標記就是用于制作列表框的<OPTION >標記和用于制作無序列表的< LI >標記。
    ASP程序員常常要訪問數據庫獲取數據然后用< OPTION >標記構造列表框。只要簡單地改動一下代碼關閉<OPTION >標記，就可以讓瀏覽器顯示頁面的速度加快。

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