В соответствии с недавно определенным стандартом Document.documentedlement.clientHeight может получить правильное значение в IE и Firefox.
<script language = "javascript">
Функция getInfo ()
{{
var s = "";
S + = "Веб -страницы видны шириной области:" + document.body.clientWidth ;
S + = "Веб -страница Visible Precation High:" + Document.Body.ClientHeight ;
S + = "Веб -страница видимой области площади:" + document.body.offsetwidth + "(включая ширину края и полоса прокрутки)";
S + = "Веб -страница Visible Dies High:" + document.body.offsetheight + "(включая ширину края)";
S + = "Текст веб -страницы Полный текст ширина:" + document.body.scrollwidth;
S + = "Текст веб -страницы Высокий текст:" + dcument.body.scrollheight;
S + = "ff), который отказывается от веб -страницы:" + document.body.scrolltop;
S + = "IE):" + document.documentelement.scrolltop;
S + = "Веб -страницы свернуты слева:" + document.bodly.scrollleft;
S + = "Текстовая часть веб -страницы:" + window.screentop;
S + = "Веб -страница слева текстовая часть:" + window.screenleft;
S + = "Высокое разрешение экрана:" + window.screen.height;
S + = "Ширина разрешения экрана:" + window.screen.width;
S + = "Экран доступный рабочая зона Высота:" + window.screen.availheight;
S + = "Экран доступный рабочая область ширины:" + window.screen.availWidth;
S += "Настройки вашего экрана" +window.screen.colordepth +"bit color";
s += "Настройки вашего экрана" +window.screen.devicexdpi +"pixel/inch";
предупреждение (ы);
}
getInfo ();
</script>
В местных тестах:
Вы можете использовать его в соответствии с IE, Firefox, Opera
Document.body.clientWidth
document.body.clitingheight
Это можно получить, очень просто и удобно.
И в проекте компании:
Опера все еще используется
Document.body.clientWidth
document.body.clitingheight
Но т.е. и Firefox используются
document.documentelement.clientWidth
document.documentelement.clientHeight
< !
Если вы добавите эту строку на страницу
IE:
document.body.clientwidth ==> Ширина объекта тела
document.body.clitingheight ==> Высота объекта тела
document.documentelement.clientWidth ==> Видимая ширина площади
document.documentelement.clientHeight ==> Высота видимой области
В Firefox:
document.body.clientwidth ==> Ширина объекта тела
document.body.clitingheight ==> Высота объекта тела
document.documentelement.clientWidth ==> Видимая ширина площади
document.documentelement.clientHeight ==> Высота видимой области
В опере:
document.body.clientwidth ==> Видимая ширина площади
document.body.clitingheight ==> Повышенная высота площади
document.documentelement.clientWidth ==> Ширина объекта страницы (то есть ширина объекта тела плюс ширина поля)
document.documentelement.clientHeight == >> Высота объекта страницы (то есть высота объекта тела плюс поля высокой)
Предположим, что OBJ - управление HTML.
Obj.offsettop относится к позиции, целочисленному и единичному пикселю от верхнего или верхнего управления.
Obj.offsetleft относится к позиции, целочисленному, единичному пикселю от левого или верхнего элемента управления.
Obj.offsetwidth относится к ширине, целочисленному, единичному пикселю самого контроля OBJ.
Obj.offsetheight относится к высоте, целочисленному, единичному пикселю OBJ Control.
Мы объясняем «верхние или верхние слои» и «левые или верхние слои», упомянутые ранее.
Например:
<div id = "Tool">
<input type = "button" value = "Отправить">
<input type = "button" value = "сбросить">
</div>
Офсеттоп кнопки «Отправить» относится к расстоянию между слоем «инструмента» на слое «инструмента», потому что ближайший к верхнему кадре «инструментального» слоя, наиболее близкого к нему.
Офсеттоп кнопки «Сброс» относится к расстоянию между слоем «инструмента» на слое «инструмента», потому что ближайший к верхнему рамке «инструментального» слоя.
Офтеч кнопки «Отправить» относится к расстоянию между слоем «инструмента» кнопки «Отправить», потому что левая сторона слоя «инструмента», наиболее близкого к левой стороне слоя «инструмента», находится слева.
Офсетлфт кнопки «Сброс» относится к расстоянию кнопки «Отправить» из кнопки «Отправить», потому что правильная кадр кнопки «Отправить», ближайшая к ней, является правой стороной кнопки «Отправить».
OffsetTop может получить положение HTML -элемента сверху или внешний элемент, и стиль. Также возможна разница между ними:
1. OffsetTop возвращает номера, а Style.Top возвращает строку.
2. OffsetTop читается только, а style.top можно читать и писать.
В -третьих, если вы не указали верхний стиль для элемента HTML, style.top возвращает пустую строку.
Offsetleft и Style.Left, OffsetWidth и Style.width, OffSetheight и Style.Head одинаковы.
Scrollheight: Получите высоту прокрутки объекта.
Scrollleft: Установите или получите расстояние между левым концом видимого содержания в настоящее время на левой границе и окном объекта
Scrolltop: установите или получите расстояние между верхней частью объекта и верхней частью окна в окне
Прокрутка: Получите ширину прокрутки объекта
OffSetheight: высота родительских координат, указанная атрибутом OffSetSetParent с помощью полученного объекта
Offsetleft: для расчета левшей позиции патриархальной координаты патриархальной координаты, указанной в атрибуте OffsetPlay.
OffSetTop: верхняя позиция расчета патриархальной координаты шаблона, указанной атрибутом OffSetTop
Event.clientx горизонтальные координаты относительных документов
Event.clienty вертикальные координаты относительных документов
Event.offsetx Горизонтальные координаты относительных контейнеров
Event.offsety вертикальные координаты
Document.documenetelement.scrolltop Valted Valley Rolling Valley
Event.clientx+document.documentelement.scrolltop Горизонтальный метка сиденья относительного документа+Количество прокатного вертикального прокатки
Вышеуказанное в основном относится к разнице между Firefox в IE: следующим образом:
IE6.0, FF1.06+:
ClientWidth = ширина + прокладка
ClientHeight = высота + прокладка
OffsetWidth = ширина + накладка + граница
OffSetheight = высота + накладка + граница
IE5.0/5.5:
ClientWidth = ширина -балочка
clientHeight = высота -банд
OffsetWidth = ширина
OffSetheight = высота
(Необходимо упомянуть: атрибуты маржи в CSS не связаны с клиентской Whidth, OffsetWidth, ClientHeight, OfficeTeight)