JS/JQ отримує висоту та ширину різних екранів

Маленька покидька · Опубліковано 20.06.2017 15:01:43

Javascrip{filter}t:

Область видимості веб-сторінки: document.body.clientWidth
Висота зони видимості веб-сторінки: document.body.clientHeight
Ширина видимої площі веб-сторінки: document.body.offsetWidth (включно з шириною ребра)
Висота видимої області вебу: document.body.offsetHeight (включно з висотою країв)
Повна ширина тексту веб-сторінки: document.body.scrollWidth
Повна висота тексту: document.body.scrollВисота
Сторінка прокручена вгору: document.body.scrollTop
Сторінка прокручена вліво: document.body.scrollЛіворуч
У тілі веб-сторінки: window.screenTop
Ліворуч від тіла веб-сторінки: window.screenLeft
Висока роздільна здатність екрана: window.screen.height
Ширина роздільної здатності екрана: window.screen.width
Висота доступного робочого простору: window.screen.availHeight
Ширина доступного робочого простору екрану: window.screen.availWidth

JQuery:

$(document).ready(function(){
alert($(window).height()); Висота видимої області поточного вікна браузера
alert($(document).height()); Висота документа у поточному вікні браузера
alert($(document.body).height()); Висота поточного тексту віконного документа браузера
alert($(document.body).outerHeight(true)); Загальна висота поточного тіла вікна в браузері включає поля заповнення рамок

alert($(window).width()); Ширина видимої області поточного вікна браузера
alert($(document).width()); Ширина об'єкта документа у поточному вікні браузера
alert($(document.body).width()); Ширина поточного тексту віконного документа браузера
alert($(document.body).outerWidth(true)); Загальна ширина поточного тексту віконного документа браузера включає поле заповнення меж

})

yuyun100 · Опубліковано 24.04.2018 14:20:12

Залиште на потім ~

[JavaScript] JS/JQ отримує висоту та ширину різних екранів

Пов'язані дописи

Переглянуті розділи