辛辛苦苦做好一個網(wǎng)頁,自己怎么看怎么高興,而待到網(wǎng)頁發(fā)布時,突然有人反映網(wǎng)頁不是太大就是太小,原來的那種恰到好處的感覺蕩然無存,仔細追究下來,原來卻是顯示設置犯的錯。
雖然時下網(wǎng)頁設計師們的電腦都是跑在1024×768的顯示設置下的,當然,現(xiàn)在買的電腦顯示器,都是支持1024×768的顯示效果。但是,不見得人人都會把顯示設置成1024。況且,顯示器是一個很難才被淘汰的硬件,有不少人裝新的電腦也不那么舍得換顯示器,所以一些人的顯示器還是會工作在800×600的那一種模式,1024×768,800×600就是現(xiàn)在顯示設置的主流。網(wǎng)頁存放在網(wǎng)絡上,來自四面八方的人有不同的顯示設置,所以就出現(xiàn)了開頭的一幕,有什么方法才能給網(wǎng)頁全真展示呢?嘿嘿,只要一句短短的JavaScript語句就可以做得到。
首先,我們已經(jīng)備好了兩份量身定做的網(wǎng)頁材料,一份是1024×768用戶選用的1024.htm,另一分是800×600用戶選用的800.htm。然后呢,我們還要一份識別瀏覽者顯示設置的頁面,通常網(wǎng)頁默認的主頁是index.htm,那么,用它來作為一個過濾分流器就是再恰當不過的了。
這里的index.htm因為承擔的任務只是導向瀏覽者到適合他們觀看的網(wǎng)頁,所以就不用操心它應該得做成什么樣了,只要在網(wǎng)頁HTML代碼中的與之間加入以下代碼即可:
<SCRIPT language=Javascript> <!-- if(screen.width == "800") { location="800.htm" } <!-使用JavaScript判斷如果顯示設置為800×600,那么就為瀏覽者裝載800.htm這一頁面-> else if (screen.width == "1024") { location="1024.html" } <!-判斷如果顯示設置為1024×768,那么就為瀏覽者裝載1024.htm這一頁面-> else { location="1024.htm" } <!-如果顯示設置為800×600,1024×768以外的,那么就為瀏覽者裝載1024.htm這一頁面,畢竟1024以上的顯示設置比較有可能-> //--> </SCRIPT>
icech提示:使用的時候要將 < 和 > 替換成半角的。
|