定義

指的是即便瀏覽器不支持javascript，頁面的基礎展示功能也不會受到影響的做法。

不能平穩退化的實例

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

它們不算平穩退化主要在于如果用戶禁用了javascript，這樣的鏈接雖然不會報錯但是也失去了原本的作用。

平穩退化的做法

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

一些理論的知識點

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

轉載于:https://www.cnblogs.com/bityinjd/p/10102540.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。