定義

指的是即便瀏覽器不支持javascript，頁(yè)面的基礎(chǔ)展示功能也不會(huì)受到影響的做法。

不能平穩(wěn)退化的實(shí)例

• javascript:這種偽協(xié)議，它可以通過(guò)鏈接調(diào)用javascript函數(shù)。比如<a href="javascript:popUp('http://www.example.com');">example</a>
• 內(nèi)嵌的事件處理函數(shù) <a href="#" onclick="popUp('http://www.example.com');return false;">example</a>

它們不算平穩(wěn)退化主要在于如果用戶(hù)禁用了javascript，這樣的鏈接雖然不會(huì)報(bào)錯(cuò)但是也失去了原本的作用。

平穩(wěn)退化的做法

• <a href="http://www.example.com" onclick="popUp(this.href);return false;">example</a>
• 即使不支持彈出窗口，基礎(chǔ)的功能還在，仍然可以點(diǎn)擊鏈接生效。

一些理論的知識(shí)點(diǎn)

• CSS的最大優(yōu)點(diǎn)是將Web文檔的內(nèi)容結(jié)構(gòu)（標(biāo)記）和版面設(shè)計(jì)（樣式）分離開(kāi)來(lái)。
• 漸進(jìn)增強(qiáng)：用一些額外的信息層來(lái)包裹原始數(shù)據(jù)。這樣的代碼容易平穩(wěn)退化。思考下CSS，就是包裹的樣式，即使樣式失效，內(nèi)容本身仍在。
• 對(duì)應(yīng)的javascript也可以像CSS那樣，分離內(nèi)容結(jié)構(gòu)和頁(yè)面行為。通常借助于屬性節(jié)點(diǎn)class和id來(lái)實(shí)現(xiàn)定位。
• ==HTML文檔加載完畢時(shí)將觸發(fā)一個(gè)window.onload事件，這個(gè)事件將document對(duì)象加載到window里，所以window.onload執(zhí)行時(shí)，document已經(jīng)確認(rèn)存在了==。
• 對(duì)象檢測(cè)：使用邏輯非配合return語(yǔ)句比較簡(jiǎn)潔，更簡(jiǎn)潔方便地達(dá)到檢測(cè)方法是否存在的目的。比如if(!documen.getElementsByTagName) return false;
• HTTP規(guī)范，瀏覽器每次從同一域名最多只能同時(shí)下載兩個(gè)文件。（實(shí)際上現(xiàn)在的瀏覽器已經(jīng)突破這個(gè)限制了，看這里）所以腳本放置在

轉(zhuǎn)載于:https://www.cnblogs.com/bityinjd/p/10102540.html

總結(jié)

以上是生活随笔為你收集整理的javascript DOM 编程艺术 札记2 平稳退化的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。