讓網(wǎng)頁適應(yīng)不同的瀏覽器和分辨率

2022-06-12發(fā)布者:ylm大?。?/span> 下載:0

文件大小:

軟件介紹

 首先需要建立如下幾個(gè)HTML文件:
   index.html--網(wǎng)站主頁,對(duì)瀏覽器進(jìn)行辨別。
   change-ie.html和change-nc.html--對(duì)分辨率進(jìn)行辨別的網(wǎng)頁。
   index-ie.html和index-nc.html--分別代表支持兩種瀏覽器的網(wǎng)頁且在800×600分辨率下查看。
   1024-ie.html和1024-nc.html--分別代表在1024×768分辨率下支持兩種瀏覽器的網(wǎng)頁。好了,廢話少說,咱們就開始吧!
  
   < strong>
   瀏覽器問題
   < /strong>
  
   我們利用Dreamweaver的"Check Browser"功能。首先按下F8打開Behaviors面板(圖1),單擊面板上的"+"按鈕,在彈出的菜單中選擇"Check Browser",彈出如圖2的對(duì)話框。在Netscape Navigator后的下拉框中選擇"Go to URL",在Internet Explorer后的下拉框中選擇"Go to Alt URL"。然后分別單擊URL和Alt URL后的Browser按鈕選擇change-nc.html和change-ie.html。也就是說,當(dāng)網(wǎng)頁檢測(cè)到瀏覽器是Netscape 4.0以上版本時(shí)自動(dòng)進(jìn)入change-nc.html,若是Internet Explorer 4.0以上版本將自動(dòng)進(jìn)入change-ie.html。這樣就實(shí)現(xiàn)了網(wǎng)頁根據(jù)不同瀏覽器進(jìn)入不同頁面的功能。


圖1

   如果空空的一個(gè)頁面在來訪的朋友面前一閃而過,雖然時(shí)間很短,但似乎總覺得少了點(diǎn)兒什么。這正如你安裝軟件的時(shí)候沒有進(jìn)度條一樣。所以還要在頁面上反映出相應(yīng)的信息。那就在< body>和< /body>之間加入以下代碼吧!(代碼中//…是對(duì)代碼的注釋文字,下同)
   < script language=″javascript″>
   var nav=navigator.appName //瀏覽器的名稱
   var ver=navigator.appVersion//瀏覽器的版本
   document.write(″已檢測(cè)到您的瀏覽器為:″);
   document.write(″< font size=3 color=red>″); //設(shè)置瀏覽器的名稱的字體大小及顏色
   document.write(nav);
   document.write(″< /font>″);
   document.write(″< font size=3 color=blue>″); //設(shè)置瀏覽器的版本號(hào)的字體大小及顏色
   document.write(ver);
   document.write(″< /font>″);
   document.write(″正在進(jìn)入頁面,請(qǐng)稍候…″);
   < /script>
  
   < strong>
   分辨率問題
   < /strong>
發(fā)表評(píng)論(共0條評(píng)論)
請(qǐng)自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī),評(píng)論內(nèi)容只代表網(wǎng)友觀點(diǎn),發(fā)表審核后顯示!

版權(quán)聲明:

1 本站所有資源(含游戲)均是軟件作者、開發(fā)商投稿,任何涉及商業(yè)盈利目的均不得使用,否則產(chǎn)生的一切后果將由您自己承擔(dān)!

2 本站將不對(duì)任何資源負(fù)法律責(zé)任,所有資源請(qǐng)?jiān)谙螺d后24小時(shí)內(nèi)刪除。

3 若有關(guān)在線投稿、無法下載等問題,請(qǐng)與本站客服人員聯(lián)系。

4 如侵犯了您的版權(quán)、商標(biāo)等,請(qǐng)立刻聯(lián)系我們并具體說明情況后,本站將盡快處理刪除,聯(lián)系QQ:2499894784

返回頂部