|
|
Közzétéve 2018. 07. 03. 16:54:42
|
|
|
Javascrip{filter}t megkapja a képernyő, böngészőablak, böngésző és weboldal magasságát és szélességét
Weboldal láthatósági területe: document.body.clientWidth
Weboldal láthatósági területe: document.body.clientHeight
Weboldal látható területszélessége: document.body.offsetWidth (beleértve az él szélességét is)
Weboldal látható területmagassága: document.body.offsetHeight (beleértve az él szélességét)
A weboldal testének teljes szövegszélessége: document.body.scrollWidth
Az oldal teljes szövege magas: document.body.scrollHeight
Az oldal magasra görgetve: document.body.scrollTop
Az oldal balra görgetett: document.body.scrollLeft
A weboldal törzsén: window.screenTop
A weboldal törzse balra van nézve: window.screenLeft
Magas képernyőfelbontás: window.screen.height
Képernyőfelbontás szélessége: window.screen.width
Képernyő elérhető munkaterület magassága: window.screen.availHeight
Képernyő elérhető munkaterület szélessége: window.screen.availWidth
A jQuery különböző szélességeket és magasságokat kap
Böngészőnéző terület
$(ablak).magasság()
$(window).width()
Az oldal dokumentummérete
$(document).height()
$(document).width()
A jelenlegi ablakdokumentum test mérete
$(document.body).height()
$(document.body).width()
A görgetősáv függőleges magassága a tetejéig (azaz az a magasság, ahol az oldal felteker)
$(document).scrollTop()
$(document).scrollLeft()
HTML precíz célzás: görgésLeft, görgetWidth, clientWidth, offsetWidth
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
event.clientX a dokumentum vízszintes koordinátáihoz képest
event.clientY a dokumentum függőleges koordinátáihoz viszonyítva
event.offsetX a konténer vízszintes koordinátáihoz képest
event.offsetY a konténer függőleges koordinátáihoz képest
document.documentElement.scroll A függőleges görgetéshez Legjobb érték
event.clientX+document.documentElement.scrollTop A vízszintes koordináták mennyisége + függőleges görgetés a dokumentumhoz képest
Például a FireFox különbségek a következők:
IE6.0、FF1.06+:
clientWidth = szélesség + párnázás
clientHeight = magasság + párnázás
offsetWidth = szélesség + párnázás + szegély
offsetHeight = magasság + párnázás + szegély
IE5.0/5.5:
clientWidth = szélesség - szegély
clientHeight = magasság - határ
offsetWidth = szélesség
offsetHeight = magasság
(Meg kell említeni: a CSS margin attribútumának semmi köze a clientWidth, offsetWidth, clientHeight, offsetHeight-hoz)
Weboldal láthatósági területe: document.body.clientWidth
weboldal láthatósági terület magassága: document.body.clientHeight
Weboldal látható területszélessége: document.body.offsetWidth (beleértve az él szélességét is)
Web látható terület magassága: document.body.offsetHeight (beleértve az élek magasságát is)
A weboldal teljes szöveg szélessége: document.body.scrollWidth
Teljes szöveg magassága: document.body.scrollHeight
Az oldal magasra görgetve: document.body.scrollTop
Az oldal balra görgetett: document.body.scrollLeft
A weboldal törzsén: window.screenTop
A weboldal testének bal oldala: window.screenBal oldalra
Magas képernyőfelbontás: window.screen.height
Képernyőfelbontás szélessége: window.screen.width
Képernyő elérhető munkaterület magassága: window.screen.availHeight
Képernyő elérhető munkaterület szélessége: window.screen.availWidth
div.style.top: A legmagasabb távolság ahhoz a komponenshez képest, ahol a div található
－－－－－－－－－－－－－－－－－－－
Technikai csúcsok
Ebben a részben szereplő kód főként a Document objektum néhány jellemzőjét használja az ablakban, és ezeknek a főbb funkcióknak és használatnak a következők a következők.
Az ablak méretének meghatározásához különböző tulajdonságokat és módszereket kell használni különböző böngészőkhöz: az ablak valódi méretének felismeréséhez a Netscape Window tulajdonságát kell használni; IE-ben mélyen be kell menned a dokumentumba, hogy észleld a holttestet. A DOM környezetben, hogy megkapd az ablak méretét, a gyökérelem méretére kell figyelni, nem az elemre.
Az Ablak objektum innerWidth tulajdonsága tartalmazza az aktuális ablak belső szélességét. Az Ablak objektum innerHeight tulajdonsága tartalmazza az aktuális ablak belső magasságát.
A Dokumentum objektum test attribútuma megfelel a HTML dokumentum címkéjének. A Document objektum documentElement tulajdonsága a HTML dokumentum gyökércsomópontját képviseli.
document.body.clientHeight az ablak aktuális magasságát jelzi, amelyben a HTML dokumentum található. document.body. clientWidth az ablak aktuális szélességét jelenti, amelyben a HTML dokumentum található.
Böngészőméretezési események
window.onresize=funName; Hívd a funName funkciót, amikor a böngésző mérete változik |
Előző:seo title kulcsszó leírás Szó korlát Cím, kulcsszavak, descrip{filter}tion hosszKövetkező:A "Objektum" típus egy hivatkozás nélküli összeállításban van definiálva. Válasz kell hozzáadni a programhoz...
|
