Я часто нахожу, что при написании JavaScript вам нужно использовать высоту и ширину веб -страницы, браузера или экрана, чтобы решить проблему позиционирования макета. Вы часто забываете об этом до и после использования, или ищите онлайн, и просто суммируете его самостоятельно, чтобы удобно использовать его снова, экономя время и усилия.
Ширина видимой области веб -страницы: 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.creentop
Слева от основного текста веб -страницы: window.screenleft
Высокое разрешение экрана: window.screen.height
Ширина разрешения экрана: window.screen.width
Доступная экрана высота рабочего пространства: window.screen.availeheight
Экран доступная ширина рабочей области: window.screen.availWidth
HTML точное позиционирование: Scrollleft, Scrollwidth, клиент -ширина, OffsetWidth
Scrollheight: Получает высоту прокрутки объекта.
Scrollleft: установите или получите расстояние между левой границей объекта и самым левым концом видимого в настоящее время в окне
Scrolltop: установите или получите расстояние между верхней частью объекта и верхней частью видимого содержания в окне
Прокрутка: Получите ширину прокрутки объекта
OffSetheight: Получает высоту объекта по сравнению с макетом или родительской координатой, указанной родительской координатой.
OffSetSetleft: Получает рассчитанное левое положение объекта относительно макета или родительских координат, указанных в свойстве OffSetSet.
OffSetTotop: Получает рассчитанную верхнюю позицию объекта относительно макета или родительской координаты, указанной в свойстве OffSetTop
event.clientx Горизонтальные координаты по сравнению с документом
Event.clienty вертикальные координаты относительно документа
event.offsetx Горизонтальные координаты по сравнению с контейнером
Event.Offsety Вертикальные координаты относительно контейнера
document.documentelement.scrolltop значения прокрутки вертикально
event.clientx + document.documentelement.scrolltop относительно горизонтальной координаты документа + количество прокрутки в вертикальном направлении
Т.е. различия Firefox следующие:
IE6.0, FF1.06+:
Кода -копия выглядит следующим образом:
ClientWidth = ширина + прокладка
ClientHeight = высота + прокладка
OffsetWidth = ширина + накладка + граница
OffSetheight = высота + накладка + граница
IE5.0/5.5:
Кода -копия выглядит следующим образом:
ClientWidth = ширина - граница
ClientHeight = высота - граница
OffsetWidth = ширина
OffSetheight = высота
Резюме: есть довольно много вещей о высоте и ширине. Я сам не понял некоторые особенности. После экспериментов с ними, некоторые из них имеют одинаковые значения, поэтому это очень запутанно и может зависеть только от ситуации.