|
|
Opublikowano 03.07.2018 16:54:42
|
|
|
Javascrip{filter}t otrzymuje rozmiar ekranu, okna przeglądarki, przeglądarki oraz wysokości i szerokości strony internetowej
Obszar widoczności strony internetowej: document.body.clientWidth
Obszar widoczności strony internetowej: document.body.clientHeight
Widoczna szerokość powierzchni strony: document.body.offsetWidth (wliczając szerokość krawędzi)
Widoczna powierzchnia strony internetowej: document.body.offsetHeight (wliczając szerokość krawędzi)
Pełna szerokość tekstu treści strony internetowej: document.body.scrollWidth
Pełny tekst strony internetowej jest wysoki: document.body.scrollHeight
Strona jest przewinięta wysoko: document.body.scrollTop
Strona jest przewinięta w lewo: document.body.scrollLeft
Na treści strony internetowej: window.screenTop
Sedno strony internetowej znajduje się po lewej: window.screenLeft
Wysoka rozdzielczość ekranu: window.screen.height
Szerokość rozdzielczości ekranu: window.screen.width
Wysokość przestrzeni roboczej dostępnej ekranem: window.screen.availHeight
Szerokość dostępnej przestrzeni roboczej ekranu: window.screen.availWidth
jQuery ma różne szerokości i wysokości
Obszar widoku przeglądarki
$(window).height()
$(window).width()
Rozmiar dokumentu strony
$(document).height()
$(document).width()
Rozmiar aktualnego korpusu dokumentu w oknie
$(document.body).height()
$(document.body).width()
Pionowa wysokość przewijającego do góry (czyli wysokość, na której strona jest zwinięta)
$(document).scrollTop()
$(document).scrollLeft()
Precyzyjne celowanie HTML: scrollLeft, scrollWidth, clientWidth, offsetWidth
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
event.clientX względem poziomych współrzędnych dokumentu
event.clientY względem pionowych współrzędnych dokumentu
event.offsetX względem poziomych współrzędnych kontenera
event.offsetY względem pionowych współrzędnych kontenera
document.documentElement.scroll Najwyższa wartość dla przewijania pionowego
event.clientX+document.documentElement.scrollTop Liczba współrzędnych poziomych + przewijanie pionowe względem dokumentu
Czyli różnice w FireFox są następujące:
IE6.0、FF1.06+:
clientWidth = szerokość + wypełnienie
clientHeight = wysokość + wypełnienie
offsetWidth = szerokość + wypełnienie + granica
offsetHeight = wysokość + wypełnienie + granica
IE5.0/5.5:
clientWidth = width - border
clientHeight = wysokość - ramka
offsetWidth = szerokość
offsetHeight = wysokość
(Warto wspomnieć: atrybut margin w CSS nie ma nic wspólnego z clientWidth, offsetWidth, clientHeight, offsetHeight)
Obszar widoczności strony internetowej: document.body.clientWidth
Widoczność strony internetowej wysokość obszaru: document.body.clientHeight
Widoczna szerokość powierzchni strony: document.body.offsetWidth (wliczając szerokość krawędzi)
Wysokość widocznego obszaru webu: document.body.offsetWysokość (wliczając wysokość krawędzi)
Pełna szerokość tekstu strony internetowej: document.body.scrollWidth
Pełny tekst height: document.body.scrollHeight
Strona jest przewinięta wysoko: document.body.scrollTop
Strona jest przewinięta w lewo: document.body.scrollLeft
Na treści strony internetowej: window.screenTop
Po lewej stronie treści strony internetowej: window.screenLeft
Wysoka rozdzielczość ekranu: window.screen.height
Szerokość rozdzielczości ekranu: window.screen.width
Wysokość przestrzeni roboczej dostępnej ekranem: window.screen.availHeight
Szerokość dostępnej przestrzeni roboczej ekranu: window.screen.availWidth
div.style.top: Najwyższa odległość względem składowej, w której znajduje się div
－－－－－－－－－－－－－－－－－－－
Osiągnięcia techniczne
Kod w tej sekcji głównie wykorzystuje niektóre właściwości obiektu Dokument dotyczącego okna, a główne funkcje i wykorzystanie tych właściwości są następujące.
Aby uzyskać rozmiar okna, należy stosować różne właściwości i metody dla różnych przeglądarek: aby wykryć rzeczywisty rozmiar okna, należy użyć właściwości Window w Netscape; W IE musisz zagłębić się w dokument, żeby wykryć ciało. W środowisku DOM, aby określić rozmiar okna, trzeba zwracać uwagę na rozmiar elementu głównego, a nie na sam.
Własność innerWidth obiektu Window zawiera wewnętrzną szerokość bieżącego okna. Własność innerHeight obiektu Window zawiera wewnętrzną wysokość bieżącego okna.
Atrybut body obiektu Dokument odpowiada znacznikowi dokumentu HTML. Właściwość documentElement obiektu Document reprezentuje węzeł główny dokumentu HTML.
document.body.clientHeight wskazuje aktualną wysokość okna, w którym znajduje się dokument HTML. document.body. clientWidth oznacza aktualną szerokość okna, w którym znajduje się dokument HTML.
Zdarzenia rozmiarowania przeglądarki
window.onresize=funName; Funkcja funName jest wywołana, gdy zmienia się rozmiar przeglądarki |
Poprzedni:SEO tytuł słowa kluczowego opis limitu słów Tytuł, słowa kluczowe, opis {filter}tion lengthNastępny:Typ "Object" jest definiowany w niereferencyjnym asemblerze. Muszę dodać odpowiedź do programu...
|
