Couramment utilisé:
JS Obtenez la taille de la fenêtre du navigateur
Copier le code du code comme suit:
// Obtenez la largeur de la fenêtre
if (window.innerwidth)
Winwidth = window.innerwidth;
Else if ((document.body) && (document.body.clientwidth)))
winwidth = document.body.clientwidth;
// Obtenez la hauteur de la fenêtre
if (window.innerheight)
Winheight = window.innerheight;
Else if ((document.body) && (documen.body.clientheight)))
Winheight = document.body.clitingheight;
// à l'intérieur de la détection interne du document, la taille de la fenêtre est obtenue
If (document.DocumentElement && document.Documentlement.clintheightheightheightheight && documentElementWidth)
{{
WinHeight = document.documentedleximent.clientHeight;
winwidth = document.DocumentElement.ClientWidth;
}
détaillé:
Vous pouvez voir la taille de la fenêtre pour obtenir une variété de navigateurs:
<cript>
Fonction getInfo ()
{{
var s = "";
S = "La page Web peut être visible sur la zone:" Document.Body.ClientWidth;
S = "Page Web Visible Zone High:" Document.Body.ClientHeight;
S = "Pages Web Largeur de zone visible:" Document.Body.offsetWidth "(y compris la largeur de la barre Edge et Rolling)";
S = "Page Web Hauteur de zone visible:" document.body.offsetheight "(y compris la largeur du bord)";
S = "Texte de page Web Largeur du texte intégral:" Document.Body.ScrollWidth;
S = "Texte de page Web Le texte intégral:" Document.Body.ScrollHeight;
s = "ff) qui est roulé par la page Web:" document.body.scrolltop;
S = "IE) de" Les pages Web sont déployées (IE): "Document.DocumentElement.Scroltop;
S = "La page Web est enroulée à gauche:" document.body.scrollleft;
S = "Pièce de texte de page Web:" Window.ScreentOp;
S = "pièce de texte de page Web à gauche:" Window.ScreenLeft;
S = "Résolution d'écran:" Window.Screen.Height;
S = "Largeur de résolution d'écran:" Window.Screen.Width;
S = "Écran disponible sur la zone de travail:" Window.Screen.AvailHeight;
S = "Écran Disponible sur zone de travail Largeur:" Window.Screen.AvailWidth;
s = "votre paramètre d'écran est" window.screen.colordepth "en couleur";
S = "VOTRE ÉCRAN SECTING" Window.Screen.devicexdpi "Pixel / Inch";
// alerte (s);
}
getInfo ();
</cript>
Dans mon test local:
Vous pouvez l'utiliser sous IE, Firefox, Opera
document.body.clientwidth
document.body.clitingheight
Il peut être obtenu, très simple et pratique.
Et dans le projet d'entreprise:
L'opéra utilise toujours
document.body.clientwidth
document.body.clitingheight
Mais IE et Firefox sont utilisés
document.DocumentElement.ClientWidth
document.DocumentElement.ClientHeight
Il s'est avéré être la norme de W3C.
<!
Si vous ajoutez cette ligne sur la page, c'est dans IE:
document.body.clientwidth ==> Largeur d'objet corporel
document.body.clitingheight ==> hauteur de l'objet corporel
document.DocumentElement.ClientWidth ==> Largeur de zone visible
document.DocumentElement.ClientHeight ==> Hauteur de la zone visible
Dans Firefox:
document.body.clientwidth ==> Largeur d'objet corporel
document.body.clitingheight ==> hauteur de l'objet corporel
document.DocumentElement.ClientWidth ==> Largeur de zone visible
document.DocumentElement.ClientHeight ==> Hauteur de la zone visible
Dans l'opéra:
document.body.clientwidth ==> largeur de zone visible
document.body.clitingheight ==> hauteur de zone visible
document.DocumentElement.ClientWidth ==> Page Largeur d'objet (c'est-à-dire la largeur de l'objet corps plus la largeur de marge)
document.DocumentElement.ClientHeight == >> Hauteur de l'objet de la page (c'est-à-dire la hauteur de l'objet corps plus la marge supérieure)
Et s'il n'y a pas de définition standard de W3C, alors
C'est-à-dire que c'est:
document.DocumentElement.ClientWidth ==> 0
document.DocumentElement.ClientHeight ==> 0
Firefox est:
document.DocumentElement.ClientWidth ==> Page Largeur d'objet (c'est-à-dire la largeur de l'objet corporel plus largeur de marge) document.DocumeNetelement.ClientHeight ==> Page Face Object Height (c'est-à-dire la hauteur de l'objet corporel plus la marge haute)
L'opéra est:
document.DocumentElement.ClientWidth ==> Page Largeur d'objet (c'est-à-dire la largeur de l'objet corporel plus largeur de marge) document.DocumeNetelement.ClientHeight ==> Page Face Object Height (c'est-à-dire la hauteur de l'objet corporel plus la marge haute)