Attribute in js: document.compatMode

Als ich heute Informationen überprüfte, entdeckte ich versehentlich ein Attribut, das mir vorher nicht aufgefallen war: document.compatMode

Nach einiger Informationsanfrage erfuhr ich die folgenden Informationen:

Wir alle IE Es gibt zwei Box-Modelle, wenn !DOCTYPE nicht deklariert ist. Wenn !DOCTYPE deklariert ist, entspricht es dem Standardmodus.

document.compatMode Ja Zwei Attribute Werte:

BackCompat ----- zeigt an, dass der Standardspezifikationsmodus deaktiviert ist, dh dass er sich derzeit im gemischten Modus befindet (Quirks-Modus). Zu diesem Zeitpunkt ist die Breite des Browser-Clientbereichs Dokument. body.clientWidth

CSS1Compat ---- Zeigt an, dass der Standardspezifikationsmodus aktiviert ist, sich also derzeit im Standardmodus befindet. Zu diesem Zeitpunkt beträgt die Breite des Browser-Clientbereichs document.documentElement. clientWidth

Veröffentlichen Sie unten eine Kopie, um die Webseiten-Client-Codes für Bereichsbreite und -höhe, Breite und Höhe der Bildlaufleiste, Bildlaufleiste links und oben genau zu erhalten

 1 if (document.compatMode == "BackCompat") 
 { 2 　　cWidth = document.body.clientWidth; 3 　　
 cHeight = document.body.clientHeight; 4 　　
 sWidth = document.body.scrollWidth; 5 　　sHeight = document.body.scrollHeight; 6 　　
 sLeft = document.body.scrollLeft; 7 　　sTop = document.body.scrollTop; 8 } 
 else { //document.compatMode == "CSS1Compat" 9 　　cWidth = document.documentElement.clientWidth;10 　　
 cHeight = document.documentElement.clientHeight;11 　　sWidth = document.documentElement.scrollWidth;12 　　
 sHeight = document.documentElement.scrollHeight;13 　　
 sLeft = document.documentElement.scrollLeft == 0 ? 
 document.body.scrollLeft : document.documentElement.scrollLeft;14 　　
 sTop = document.documentElement.scrollTop == 0 ? 
 document.body.scrollTop : document.documentElement.scrollTop;15 }

Das obige ist der detaillierte Inhalt vonAttribute in js: document.compatMode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!