巧用Behaviors檢測瀏覽器

我們知道，網(wǎng)頁瀏覽器到目前為此還沒有一個(gè)統(tǒng)一的標(biāo)準(zhǔn)，從而造成了在一種瀏覽器中很漂亮的頁面，而在那一種瀏覽器中卻面目全非的現(xiàn)象，為了減少這種現(xiàn)象出現(xiàn)，我們往往要根據(jù)主流的幾種瀏覽器來設(shè)計(jì)同一內(nèi)容不同格式的網(wǎng)頁。目前在國內(nèi)IE有絕對的占有率，在這種情況下我們設(shè)計(jì)的網(wǎng)頁只要兼容它就行了，但NetScape在國外還是有很多人使用，畢竟她是瀏覽器的元老。Dreamweaver3為我們設(shè)計(jì)和調(diào)試不同瀏覽器的網(wǎng)頁提供了許多方便，關(guān)于這一點(diǎn)我另有專用介紹。那么當(dāng)我們設(shè)計(jì)了適合不同瀏覽器的網(wǎng)頁，又如何自動(dòng)地檢測訪客的瀏覽器從而顯示不同的網(wǎng)頁呢?這個(gè)問題看起來比較復(fù)雜。但用Behaviors的Check Browser動(dòng)作可以很輕松地解決。在用此方法之前，你必須準(zhǔn)備三個(gè)同一內(nèi)容的頁面，一個(gè)適合IE瀏覽器的(設(shè)為IEpage.htm);一個(gè)適合NetScape瀏覽器的(設(shè)為NSpage.htm);另一個(gè)適合其它瀏覽器的(設(shè)為Otherpage.htm)。下面我們講具體方法：

1、考慮到國內(nèi)大部分是IE瀏覽器，所以我們把Check Browser動(dòng)作放在適合IE瀏覽器的網(wǎng)頁上。那么我們就在Dreamweaver3中打開該網(wǎng)頁(IEpage.htm)。由于我們希望能在載入網(wǎng)頁時(shí)能自動(dòng)檢測瀏覽器并自動(dòng)打開相應(yīng)的頁面，自然想到用“onLoad”來作觸發(fā)事件，但Behaviors使用“onLoad”這個(gè)觸發(fā)事件是有條件的，這我放到本文的后面講，先用老一套辦法來解決。選取幾個(gè)文字做一個(gè)空鏈接，再按F8調(diào)出Behaviors面板，在面板上點(diǎn)擊“+”圖標(biāo)，然后在拉出的菜單中選擇Check Browser動(dòng)作，彈出的Check Browser對話框如下圖所示：

圖1 Check Browser動(dòng)作對話框

初看這個(gè)編輯窗口那么多參數(shù)，還有好多選項(xiàng)，不要緊張，搞清楚這個(gè)動(dòng)作的原理就不必害怕了，這個(gè)動(dòng)作是由一組復(fù)雜的條件語句完成的，根據(jù)判斷的結(jié)果做出選擇，在三個(gè)網(wǎng)頁當(dāng)中選其一。這個(gè)動(dòng)作可以明確判斷兩種瀏覽器：Netscape 和IE，不是這兩種瀏覽器一概做Other Browser 處理。判斷每一種瀏覽器都會(huì)有三種選項(xiàng)，Go to URL(打開一指定文件)，Go to Alt URL(打開另一指定頁面)，Stay on this page(停留在該頁面)。URL和Alt URL是定義Go to URL 和Go to Alt URL所指向頁面的。

2、那么具體應(yīng)該如何填這些參數(shù)呢?我們在選擇參數(shù)之前首先要明確我們的目的，我們希望的結(jié)果是：若是IE瀏覽器則就是當(dāng)前頁面;若是NetScape瀏覽器則打開NSpage.htm;若都不是則打開Otherpage.htm。那么應(yīng)該這樣填：在Internet Explorer4.0 or Later右面的輸入框中點(diǎn)擊那個(gè)三角形圖標(biāo)，選擇“Stay on this Page”;在Netscape Navigator4.0 or Later右面的輸入框中點(diǎn)擊那個(gè)三角形圖標(biāo)，選擇“Go to URL”;在Other Browsers右面的輸入框中點(diǎn)擊那個(gè)三角形圖標(biāo)，選擇“Go to URL”;在URL中填入NSpage.htm;在Alt URL中填入Otherpage.htm。按OK返回Behaviors面板。當(dāng)然，你也可以根據(jù)你的需要采用其它的填參數(shù)方法，另外，在URL和Alt URL的網(wǎng)頁文件名也可以點(diǎn)擊其右邊的文件瀏覽器去查找，找到后直接選取就行，不一定要手動(dòng)輸入。但有一點(diǎn)要注意：你的Check Browser行為應(yīng)該加到Stay on this page 的頁面中，否則就起不了作用。

3、打開源代碼檢視窗，我們看到空鏈接中的代碼是這樣的：

< a href="#" onClick="MM_checkBrowser(4.0,0,2,4.0,1,2,2,'bhjq1.htm','bhjq2.htm');return document.MM_returnValue" >

我們把中間那段調(diào)用動(dòng)作的代碼剪切后移到標(biāo)記中，并把“onClick”改為“onLoad”，且把那個(gè)空鏈接刪除。這樣當(dāng)載入該網(wǎng)頁時(shí)就會(huì)自動(dòng)檢測用戶的瀏覽器并根據(jù)不同的瀏覽器自動(dòng)打開不同格式的網(wǎng)頁了，是不是妙極了!這么復(fù)雜的問題想不到就這么簡單就解決了。

若是你是剛開始制作這個(gè)網(wǎng)頁或能找到頁面的空白處，就可以不用做空鏈接，而直接點(diǎn)一下空白處，然后按F8調(diào)出Behaviors面板來設(shè)置Check Browses動(dòng)作，此后的操作與上面相同，這樣在Behaviors的面板就有“onLoad”觸發(fā)事件了。這里要特別注意的是頁面的空白處而不是層或表格等的空白處，否則將沒有“onLoad”觸發(fā)事件事件供你選擇。由于我們一般排好版后的網(wǎng)頁找空白處比較困難，所以我著重介紹了上面的變通辦法。