Maison >interface Web >js tutoriel >Cliquez directement sur JS et Jquery pour obtenir le code largeur et hauteur de l'écran
JS, code Jquery pour obtenir la largeur et la hauteur de l'écran
JS, code Jquery pour obtenir la largeur et la hauteur de l'écran. Il existe de nombreuses façons de l'obtenir, mais peu importe le nombre, les fonctions générales intégrées sont toujours les mêmes. énumérez-les brièvement.
Javascript récupère le code largeur et hauteur de l'écran
La largeur de la zone visible de la page web : document.body.clientWidth
La hauteur du zone visible de la page web : document.body.clientHeight
La largeur de la zone visible de la page web : document.body.offsetWidth (y compris la largeur des bords)
La hauteur de la zone visible de la page web : document.body.offsetHeight (y compris la hauteur des bords)
La largeur du texte intégral de la page web : document.body.scrollWidth
La hauteur du texte intégral de la page Web : document.body.scrollHeight
La hauteur de la page Web en cours de défilement : document.body.scrollTop
La hauteur de la page Web en cours de défilement. partie gauche de la page web : document.body.scrollLeft
La partie gauche de la partie principale de la page web : window.screenTop
La partie gauche de la partie principale de la page web : window.screenLeft
La haute résolution d'écran : window screen.height
La largeur de la résolution d'écran : window.screen.width
La hauteur de la zone de travail disponible de l'écran : window.screen.availHeight
La largeur de la zone de travail disponible de l'écran : window .screen.availWidth
Code Jquery pour obtenir la largeur et la hauteur de l'écran
$(document).ready(function(){ alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin alert($(window).width()); //浏览器当前窗口可视区域宽度 alert($(document).width());//浏览器当前窗口文档对象宽度 alert($(document.body).width());//浏览器当前窗口文档body的宽度 alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin })
Tutoriel recommandé : "Tutoriel de base JS"
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!