所謂平穩(wěn)退化，就是指可以讓訪問(wèn)者在瀏覽器不支持javascript或者禁用了JavaScript的時(shí)候依舊可以順利的瀏覽你的網(wǎng)頁(yè)；即，雖然有些功能無(wú)法使用，但基本操作依舊可以順利完成。

這里用在新窗口打開(kāi)一個(gè)鏈接作為例子，我們知道js打開(kāi)新窗口的方法：

window.open(url,name,features) 

在這里，url是要打開(kāi)的網(wǎng)頁(yè)的url地址，name是新窗口的名字，最后的features是一系列的參數(shù)

好，現(xiàn)在寫(xiě)一個(gè)簡(jiǎn)單的函數(shù)：

function openwindow(winUrl){ 
window.open(winUrl,"new window","width = 320 , height = 480") 
} 

然后可以使用偽協(xié)議調(diào)用該函數(shù)：

<a href = "javascript:openwindow('http://www.google.com');">google</a> 

這樣的做法，可以在支持“JavaScript:”偽協(xié)議的瀏覽器里正常運(yùn)行，不支持JavaScript的瀏覽器會(huì)嘗試打開(kāi)鏈接但失敗，而在禁用了JavaScript功能的瀏覽器里什么都不會(huì)做；

另一種做法是使用onclick：

<a href = "#" onclick = "openwindow('http://www.google.com');return false;">google</a> 

在這里"#"代表著一個(gè)空鏈接，加入了return false之后，<a>標(biāo)簽不會(huì)跳轉(zhuǎn)到href指定的鏈接，在這里實(shí)際工作都在onclick里執(zhí)行。但是這樣做在禁用了JavaScript功能的瀏覽器里依舊無(wú)法打開(kāi)。

那么怎樣可以解決這個(gè)問(wèn)題呢，其實(shí)只需要：

<a  onclick = "openwindow(http://www.google.com);return false;">google</a> 

或者：

<a  onclick = "openwindow(this.href);return false;">google</a> 

我們使用onclick去執(zhí)行JavaScript的函數(shù)，但是在href屬性里也確實(shí)填寫(xiě)了url，這樣，如果是在禁用了JavaScript 的瀏覽器里，雖然不能打開(kāi)一個(gè)新窗口，在新窗口里打開(kāi)連接，但是至少是可以跳轉(zhuǎn)到目標(biāo)網(wǎng)頁(yè)的（當(dāng)前頁(yè)面）；

最后說(shuō)一下為什么要使用平穩(wěn)退化，可能會(huì)有這樣的想法：讓那些禁用了或者不支持JavaScript的瀏覽器順利訪問(wèn)你的網(wǎng)站有那么重要嗎，畢竟現(xiàn)在使用不支持JavaScript或者總是禁用JavaScript功能的用戶應(yīng)該是已經(jīng)非常少的了。

確實(shí)這樣的用戶已經(jīng)非常少了，但是它很重要；

這個(gè)用戶可能是一個(gè)搜索機(jī)器人——一種自動(dòng)化程序，他們?yōu)g覽各個(gè)網(wǎng)頁(yè)的目的只是為了加入到搜索引擎的數(shù)據(jù)庫(kù)里，各大搜索引擎都有類似的程序，但是大多數(shù)的搜索機(jī)器人無(wú)法理解JavaScript代碼，所以如果你的網(wǎng)頁(yè)無(wú)法平穩(wěn)退化，會(huì)很大程度上打擊其在搜索引擎上的排名。

總結(jié)

以上所述是小編給大家介紹的JavaScript中的平穩(wěn)退化（graceful degradation），希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

最新評(píng)論