Attributs en js : document.compatMode

Lorsque je vérifiais les informations aujourd'hui, j'ai accidentellement découvert un attribut que je n'avais pas remarqué auparavant : document.compatMode

Après quelques recherches d'informations, j'ai appris les informations suivantes :

Nous tous savoir IE Il existe deux modèles de boîte. Lorsque !DOCTYPE n'est pas déclaré, c'est le mode Quirks. Lorsque !DOCTYPE est déclaré, il est cohérent avec les autres navigateurs standards et est

document.compatMode Oui Deux attributs. valeurs :

BackCompat ----- indique que le mode de spécification standard est désactivé, c'est-à-dire qu'il est actuellement en mode mixte (Mode Quirks). À ce stade, la largeur de la zone client du navigateur est de . document.body.clientWidth

CSS1Compat ---- Indique que le mode de spécification des normes est activé, c'est-à-dire qu'il est actuellement en mode Standards. À l'heure actuelle, la largeur de la zone client du navigateur est celle du document. documentElement.clientWidth

Publiez une copie ci-dessous pour obtenir avec précision les codes client de la page Web pour la largeur et la hauteur de la zone, la largeur et la hauteur de la barre de défilement, la barre de défilement gauche et supérieure

 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 }

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!