嚴格模式和怪異模式

2021-10-04 06:17:03 字數 729 閱讀 9915

早期的瀏覽器並不遵守w3c標準,這時候的解析方式就稱之為怪異模式(quirks mode)。但隨著w3c模式越來越重要,眾多的瀏覽器開始依照w3c標準解析css,仿照w3c標準解析css的模式就是嚴格模式(strict mode)

document.compatmode

值為backcompat,則是怪異模式

值為css1compat,則是嚴格模式

怪異模式一般使用在低版本的ie瀏覽器中

嚴格模式一般使用在谷歌、火狐等高版本的瀏覽器中

這樣就會涉及到相容性的問題

這裡以js中的scroll家族示例,以下版本在谷歌、火狐中與在低版本ie瀏覽器中輸出的結果是不一樣的

body 

<

/style>

">
頁面無論怎麼滑動,輸出的document.body.scrolltop總是為零

頁面滑動,輸出的document.body.scrolltop改變

我在這裡使用的並非低版本的ie瀏覽器,所以輸出的document.compatmode並非怪異模式

嚴格模式 混雜模式與怪異模式

由於歷史的原因,不同瀏覽器對頁面的渲染是不同的,甚至同一瀏覽器的不同版本也是不同的。在w3c標準出台之前,不同的瀏覽器在頁面的渲染上沒有同一的規範,產生了差異,即quirks mode 怪異模式或相容模式 當w3c標準出台之後,不同瀏覽器對頁面的渲染有了統一的標準,即strict mode 標準模式...

標準模式和怪異模式

在html與css的標準化未完成之前,各個瀏覽器對於html和css的解析有各自不同的實現,而有很多舊的網頁都是按照這些非標準的實現去設計的。在html與css標準確定之後,瀏覽器一方面要按照標準去實現對html與css的支援,另一方面又要保證對非標準的舊網頁設計的後向相容性。因此,現代的瀏覽器一般...

嚴格模式和混雜模式

doctype document type 文件型別 的簡寫,來告訴瀏覽器以何種方式解析。1 過度的 transitional,也叫混雜模式 要求比較寬鬆,允許繼續使用html4.01的標識,完整宣告為 doctype html public w3c dtd xhtml 1.0 transition...