|
|
Публикувано в 3.07.2018 г. 16:54:42 ч.
|
|
|
Javascrip{filter}t показва размера на екрана, прозореца на браузъра, браузъра и височината и ширината на уеб страницата
Област за видимост на уеб страницата: document.body.clientWidth
Област за видимост на уеб страницата: document.body.clientВисочина
Видима площ на уеб страницата: document.body.offsetШирина (включително ширината на ръба)
Височина на видимата площ на уеб страницата: document.body.offsetВисочина (включително ширината на ръба)
Пълната ширина на текста на тялото на уеб страницата: document.body.scrollШирина
Пълният текст на уеб страницата е висок: document.body.scrollВисочина
Страницата се превърта нагоре: document.body.scrollTop
Страницата се превърта наляво: document.body.scrollLeft
В тялото на уеб страницата: window.screenTop
Тялото на уеб страницата е вляво: window.screenLeft
Висока резолюция на екрана: window.screen.height
Ширина на резолюцията на екрана: window.screen.width
Височина на наличното работно пространство: window.screen.availВисочина
Ширина на наличното работно пространство на екрана: window.screen.availWidth
jQuery получава различни ширини и височини
Зона за преглед на браузъра
$(прозорец).височина()
$(прозорец).ширина()
Размерът на документа на страницата
$(документ).височина()
$(document).width()
Размерът на текущото тяло на документа за прозореца
$(документ.тяло).височина()
$(документ.тяло).ширина()
Вертикалната височина на лентата за превъртане до върха (т.е. височината, на която страницата се навива)
$(document).scrollTop()
$(документ).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 = височина + подплънка
offsetWidth = ширина + запълване + граница
offsetHeight = височина + подплата + рамка
IE5.0/5.5:
clientWidth = ширина - граница
clientHeight = височина - граница
offsetWidth = ширина
offsetВисочина = височина
(Трябва да се спомене: атрибутът margin в CSS няма нищо общо с clientWidth, offsetWidth, clientHeight, offsetHeight)
Област за видимост на уеб страницата: document.body.clientWidth
Височина на видимостта на уеб страницата: document.body.clientHeight
Видима площ на уеб страницата: document.body.offsetШирина (включително ширината на ръба)
Web Visible Area Height: 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.availВисочина
Ширина на наличното работно пространство на екрана: 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 заглавие на ключова дума описание на думи Заглавие, ключови думи, описание {filter}tion дължинаСледващ:Типът "Обект" се дефинира в нереферирана асемблея. Трябва да добавя отговор към програмата...
|
