|
|
Опубликовано 03.07.2018 16:54:42
|
|
|
Javascrip{filter}t показывает размер экрана, окна браузера, браузера и высоту и ширину веб-страницы
Область видимости веб-страницы: document.body.clientWidth
Область видимости веб-страницы: document.body.clientHeight
Ширина видимой площади веб-страницы: document.body.offsetWidth (включая ширину ребра)
Высота видимой области веб-страницы: document.body.offsetHeight (включая ширину ребра)
Полная ширина текста тела веб-страницы: document.body.scrollWidth
Полный текст веб-страницы приведён к высокому содержанию: document.body.scrollHeight
Страница прокручивается вверх: document.body.scrollTop
Страница прокручивается влево: document.body.scrollLeft
В теле веб-страницы: window.screenTop
Основная часть веб-страницы слева: window.screenLeft
Высокое разрешение экрана: window.screen.height
Ширина разрешения экрана: window.screen.width
Высота доступного рабочего пространства: window.screen.availHeight
Ширина доступного рабочего пространства экрана: window.screen.availWidth
jQuery получает разные ширины и высоты
Область просмотра браузера
$(window).height()
$(window).width()
Размер документа страницы
$(document).height()
$(document).width()
Размер текущего тела оконного документа
$(документ.тело).высота()
$(document.body).width()
Вертикальная высота полосы прокрутки вверх (то есть высота, на которой страница свернута)
$(document).scrollTop()
$(document).scrollLeft()
Точное таргетирование в HTML: scrollLeft, scrollWidth, clientWidth, offsetWidth
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
event.clientX относительно горизонтальных координат документа
event.clientY относительно вертикальных координат документа
event.offsetX относительно горизонтальных координат контейнера
event.offsetY относительно вертикальных координат контейнера
document.documentElement.scrollМаксимальное значение для вертикальной прокрутки
event.clientX+document.documentElement.scrollTop Количество горизонтальных координат + вертикальная прокрутка относительно документа
Например, отличия FireFox следующие:
IE6.0、FF1.06+:
clientWidth = ширина + заполнение
clientHeight = высота + наполнение
смещениеШирина = ширина + заполнение + граница
смещениеВысота = высота + заполнение + граница
IE5.0/5.5:
clientWidth = width - граница
clientHeight = высота - граница
смещениеШирина = ширина
смещениеВысота = высота
(Стоит отметить: атрибут margin в CSS никак не связан с clientWidth, offsetWidth, clientHeight, offsetHeight)
Область видимости веб-страницы: document.body.clientWidth
Высота области видимости веб-страницы: document.body.clientHeight
Ширина видимой площади веб-страницы: document.body.offsetWidth (включая ширину ребра)
Высота видимой области веба: document.body.offsetВысота (включая высоту рёбер)
Полная ширина текста веб-страницы: document.body.scrollWidth
Полный текст высоты: document.body.scrollВысота
Страница прокручивается вверх: document.body.scrollTop
Страница прокручивается влево: document.body.scrollLeft
В теле веб-страницы: window.screenTop
Слева от основной части веб-страницы: window.screenСлева
Высокое разрешение экрана: window.screen.height
Ширина разрешения экрана: window.screen.width
Высота доступного рабочего пространства: window.screen.availHeight
Ширина доступного рабочего пространства экрана: window.screen.availWidth
div.style.top: Верхнее расстояние относительно компонента, где находится div
－－－－－－－－－－－－－－－－－－－
Технические особенности
Код в этом разделе в основном использует некоторые свойства объекта Document относительно окна, и основные функции и использование этих свойств следующие.
Чтобы получить размер окна, для разных браузеров необходимо использовать разные свойства и методы: чтобы определить истинный размер окна, нужно использовать свойство Window в Netscape; В IE нужно глубоко погрузиться в документ, чтобы обнаружить тело. В среде DOM, чтобы определить размер окна, нужно обращать внимание на размер корневого элемента, а не на самого элемента.
Свойство innerWidth объекта Window содержит внутреннюю ширину текущего окна. Свойство innerHeight объекта Window содержит внутреннюю высоту текущего окна.
Атрибут тела объекта Document соответствует тегу HTML-документа. Свойство documentElement объекта Document представляет собой корневый узел HTML-документа.
document.body.clientHeight указывает текущую высоту окна, в котором находится HTML-документ. document.body. clientWidth представляет текущую ширину окна, в котором находится HTML-документ.
События размера браузера
window.onresize=funName; Вызовите функцию funName при изменении размера браузера |
Предыдущий:seo title keyword description word limit Title, keywords, descrip{filter}tion lengthСледующий:Тип «Object» определяется в нереферентной сборке. Нужно добавить ответ в программу...
|
