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!