createtime--2023年7月24日10:15:47
author:marydon
js獲取高度和寬度
參考連線：
實現方式：
style.height----offsetheight,style.width----offsetwidth
第一種情況：
寬高都寫在樣式表裡，就比如 #div1。
獲取id=『div1』的寬和高，如何實現？
通過document.getelementbyid('div1').style.height/width，返回值為空，即獲取不到寬和高；
必須通過document.getelementbyid('div1').offsetheight/offsetwidth
第二種情況：
寬和高寫在行內，如style="width:120px;height:100px;"
上述2個方法都能獲取到寬度和高度
兩者的區別：
a.通過style.attr的方式取值有限制條件：即要獲取的屬性必須在行內樣式中宣告；而id.offsetwidth和id.offsetheight無視樣式寫在樣式表還是行內，都能獲取到元素的寬和高；
b.offsetwidth/offsetheight=容器寬度+兩側邊框寬度，返回值是數值；而style.attr返回的就是div的寬度，返回值是數值+"px"。
js獲取頁面高度寬度
關於獲取各種瀏覽器可見視窗大小的一點點研究。在我本地測試當中 在ie firefox opera下都可以使用 document.body.clientwidth document.body.clientheight即可獲得，很簡單，很方便。而在公司專案當中 opera仍然使用 document.bo...
JS獲取各種寬度,高度解釋
紅色是大塊的邊框，藍色是小塊的邊框，藍框外白色區域是大塊的 padding 或 和 小塊的 margin 或其他元素或其他原因造成的空白。obj.offsettop 指 obj 相對於版面或由 offsetparent 屬性指定的父座標的計算上側位置，整型，單位畫素 obj.offsetleft 指...
獲取高度寬度
獲取瀏覽器顯示區域 可視區域 的高度 window height 獲取瀏覽器顯示區域 可視區域 的寬度 window width 獲取頁面的文件高度 document height 獲取頁面的文件寬度 document width 瀏覽器當前視窗文件body的高度 document.body hei...