javascript 怎樣獲取標(biāo)簽的ID js怎么獲取body呢?
js怎么獲取body呢?在html網(wǎng)頁(yè)中,當(dāng)頁(yè)面的布局不一樣時(shí),body的高度是不同的,body高度有幾種獲取方法,各有不同。下面小編舉例講解JS獲取body的高度。新建一個(gè)html文件,命名為,用于
js怎么獲取body呢?
在html網(wǎng)頁(yè)中,當(dāng)頁(yè)面的布局不一樣時(shí),body的高度是不同的,body高度有幾種獲取方法,各有不同。下面小編舉例講解JS獲取body的高度。
新建一個(gè)html文件,命名為,用于講解JS獲取body的高度。2.在文件中,使用button標(biāo)簽創(chuàng)建一個(gè)按鈕,給button綁定onclick點(diǎn)擊事件,當(dāng)按鈕被點(diǎn)擊時(shí),執(zhí)行g(shù)etheight()函數(shù)。
3.在js標(biāo)簽內(nèi),創(chuàng)建一個(gè)getheight()函數(shù),在函數(shù)內(nèi),通過(guò)clientHeight屬性獲得網(wǎng)頁(yè)可見(jiàn)區(qū)域高,包括padding但不包括border、水平滾動(dòng)條、margin的元素的高度。
4.在getheight()函數(shù)內(nèi),通過(guò)offsetHeight屬性獲得網(wǎng)頁(yè)可見(jiàn)區(qū)域高(包括邊線(xiàn)的高),包括padding、border、水平滾動(dòng)條,但不包括margin的元素的高度。
5.在getheight()函數(shù)內(nèi),通過(guò)scrollHeight屬性獲得網(wǎng)頁(yè)正文全文高,包括當(dāng)前不可見(jiàn)部分的元素的高度。
6.在getheight()函數(shù)內(nèi),通過(guò)scrollTop屬性獲得網(wǎng)頁(yè)被卷去的高,即滾動(dòng)條向下滾動(dòng)的距離。
7.在getheight()函數(shù)內(nèi),使用write()方法輸出結(jié)果。在瀏覽器打開(kāi)文件,點(diǎn)擊按鈕,查看輸出的結(jié)果。
總結(jié):
通過(guò)以下屬性獲取body的高度:
1、通過(guò)clientHeight屬性獲得網(wǎng)頁(yè)可見(jiàn)區(qū)域高。
2、通過(guò)offsetHeight屬性獲得網(wǎng)頁(yè)可見(jiàn)區(qū)域高(包括邊線(xiàn)的高)。
3、通過(guò)scrollHeight屬性獲得網(wǎng)頁(yè)正文全文高。
4、通過(guò)scrollTop屬性獲得網(wǎng)頁(yè)被卷去的高。
注意事項(xiàng):
使用以上高度屬性時(shí),需要注意頁(yè)面布局,布局不同,直接影響到高度值。
javascript獲取url參數(shù)和script標(biāo)簽中獲取url參數(shù)函數(shù)代碼?
通過(guò)使用可以獲取到當(dāng)前URL的?號(hào)開(kāi)始的字符串,如前面的鏈接獲取到的search為?id001,再對(duì)獲取的字符串進(jìn)行處理,就可以獲取到參數(shù)的值了,參考代碼如下: function getUrlParam(name) { var reg new RegExp(