无码av孕妇专区,2021国产麻豆剧果冻传媒入口

JavaScript中頁(yè)面和塊高度的屬性總結(jié)

作者：西西點(diǎn)擊：0次評(píng)論：0次標(biāo)簽：屬性

類型：修改器(游戲工具)大�。�342KB語(yǔ)言：中文評(píng)分：5.3
標(biāo)簽：

立即下載

經(jīng)�？吹接腥税俣葹槭裁碿liengHeihgt獲取的值為0，clientHeight與offsetHeight到底哪里不一樣，為什么遇到這樣問(wèn)題的時(shí)候你總是感到迷惘呢，究其原因是對(duì)他們的屬性不認(rèn)識(shí)造成的，當(dāng)我們創(chuàng)建HTML頁(yè)面時(shí)候?qū)τ谝粋€(gè)元素的寬度通常我們會(huì)指定他多大（以百分比或以像素為單位），但高度往往可以有所不同，這取決于你的內(nèi)容。與塊的高度相關(guān)聯(lián)的常見(jiàn)問(wèn)題是：向下滾動(dòng)到特定的地方高度是多少；元素的絕對(duì)位置，;一個(gè)塊相對(duì)于另一個(gè)塊的高度等。在這種情況下CSS并不總是有幫助，特別是如果頁(yè)面是動(dòng)態(tài)的，這個(gè)時(shí)候使用javascript來(lái)獲取他們的值是非常有幫助的

頁(yè)面高度

設(shè)置窗口對(duì)象的高度的方法：

屬性	描述
innerHeight（innerWidth）	設(shè)置窗口的內(nèi)容區(qū)域的高度
outerHeight（outerWidth）	設(shè)置窗口高度
screen.availHeight（screen.availWidth）	高度，以像素為單位的工作區(qū)屏幕大�。ú缓ぞ邫诘母叨龋�
screen.height（screen.width）	屏幕的高度（以像素為單位）
screenY（screenX）	從屏幕頂部到瀏覽器窗口的上邊界的距離
scrollY（scrollX）	文檔垂直滾動(dòng)的距離
pageYOffset（pageXOffset）	頁(yè)面的當(dāng)前垂直位置相對(duì)于窗口角最上方左側(cè)

請(qǐng)注意，第一并非所有的瀏覽器都支持，第二，并非所有的屬性值一致。另外，不要忘記，這些都是針對(duì)窗口對(duì)象中的所有屬性，這意味著它們只適用于窗口對(duì)象，所以你不能這樣寫document.getElementById（ID）.innerHeight等但是，在測(cè)試過(guò)程中（IE 6, FF 2.0, Opera 9.25)），結(jié)果發(fā)現(xiàn)，所有的瀏覽器只支持window.screen.availHeight和 window.screen.height（見(jiàn)下面匯總表）。但是，在大多數(shù)情況下，這是不夠的，它往往是要知道塊或容器的高度，所以你應(yīng)該尋找其他方式

屬性	描述
clientHeight（clientWidth）	沒(méi)有滾動(dòng)條的高度
scrollHeight（scrollWidth）	包括滾動(dòng)條的高度
scrollTop（scrollLeft）	當(dāng)前位置相對(duì)于該塊的上邊界的垂直位移
offsetHeight（offsetWidth）	對(duì)象的可見(jiàn)寬度，包滾動(dòng)條等邊線，會(huì)隨窗口的顯示大小改變

重要注意事項(xiàng)：這些屬性需要在頁(yè)面完全加載后才能使用，否則可能會(huì)有所不同，為什么呢？看下面的表...

匯總表

屬性	沒(méi)有定義DOCTYPE	定義了！!DOCTYPE XHTML 1.0 Transitional
ie瀏覽器（6）	FF（2.0）	Opera（9.25）	ie瀏覽器（6）	FF（2.0）	Opera（9.25）
window.innerHeight	未定義	807	848	未定義	807	848
window.outerHeight	未定義	979	911	未定義	979	911
window.screen.availHeight	971	971	971	971	971	971
window.screen.height	1024	1024	1024	1024	1024	1024
window.screenY	未定義	-4	-23	未定義	-4	-23
window.scrollY	未定義	變化取決于從滾動(dòng)	未定義	未定義	變化取決于從滾動(dòng)	未定義
window.pageYOffset	未定義	變化取決于從滾動(dòng)	變化取決于從滾動(dòng)	未定義	變化取決于從滾動(dòng)	變化取決于從滾動(dòng)
document.body.clientHeight	846	807	848	3196	3124	3136
document.body.scrollHeight	3252	3202	3166	3196	3124	3136
document.body.scrollTop	變化取決于從滾動(dòng)	變化取決于從滾動(dòng)	變化取決于從滾動(dòng)	0	0	0
document.documentElement.scrollTop	0	0	0	變化取決于從滾動(dòng)	變化取決于從滾動(dòng)	變化取決于從滾動(dòng)
document.body.offsetHeight	850	3192	848	3196	3124	3136
的document.getElementById（this_tbl）.clientHeight	361	371	361	361	370	361
的document.getElementById（this_tbl）.scrollHeight	361	371	361	361	370	361
的document.getElementById（this_tbl）.offsetHeight	361	371	361	361	370	361

測(cè)試在您的瀏覽器（刷新頁(yè)面點(diǎn)擊下面refresh按鈕就行測(cè)試）

window.innerHeight		916
window.outerHeight		1020
window.screen.availHeight		1020
window.screen.height		1050
window.screenY		0
window.scrollY		0
window.pageYOffset		0
document.body.clientHeight		975
document.body.scrollHeight		2412
document.body.scrollTop		0
document.documentElement.scrollTop		0
document.body.offsetHeight		975
document.getElementById(tbl).clientHeight		421
document.getElementById(tbl).scrollHeight		421
document.getElementById(tbl).offsetHeight		421