所謂平穩退化,就是指可以讓訪客在瀏覽器不支援javascript或者禁用了JavaScript的時候依舊可以順利的瀏覽你的網頁,下文給大家簡單介紹了js中的平穩退化,感興趣的朋友一起看看吧
所謂平穩退化,就是指可以讓訪客在瀏覽器不支援javascript或停用了JavaScript的時候依舊可以順利的瀏覽你的網頁;即,雖然有些功能無法使用,但基本操作依舊可以順利完成。
這裡用在新視窗開啟一個連結作為例子,我們知道js開啟新視窗的方法:
window.open(url,name,features)
在這裡,url是要開啟的網頁的url位址,name是新視窗的名字,最後的features是一系列的參數
好,現在寫一個簡單的函數:
function openwindow(winUrl){ window.open(winUrl,"new window","width = 320 , height = 480") }
接著可以使用偽協定呼叫函數:
<a href = "javascript:openwindow('http://www.google.com');">google</a>
這樣的做法,可以在支援「JavaScript:」偽協定的瀏覽器裡正常運行,不支援JavaScript的瀏覽器會嘗試開啟連結但失敗,而在禁用了JavaScript功能的瀏覽器裡什麼都不會做;
#另一種做法是使用onclick:
<a href = "#" onclick = "openwindow('http://www.google.com');return false;">google</a>
在這裡"#"代表著一個空鏈接,加入了return false之後,標籤不會跳到href指定的鏈接,在這裡實際工作都在onclick裡執行。但是這樣做在禁用了JavaScript功能的瀏覽器裡依舊無法開啟。
那麼怎麼可以解決這個問題呢,其實只需要:
<a href = "http://www.google.com" onclick = "openwindow(http://www.google.com);return false;">google</a>
或:
##
<a href = "http://www.google.com" onclick = "openwindow(this.href);return false;">google</a>
總結#
以上是JavaScript中關於平穩退化graceful degradation的簡單介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!