獲取瀏覽器視口寬高以及元素寬高

適用所有瀏覽器

var w = window.innerwidth || document.documentelement.clientwidth || document.body.clientwidth;

var w = window.innerheight || document.documentelement.clientheight || document.body.clientheight;

對於internet explorer9、chrome、firefox、opera 以及 safari：

window.innerheight;

// 瀏覽器視窗的內部高度
window.innerwidth;
// 瀏覽器視窗的內部寬度

document.documentelement.clientheight

document.documentelement.clientwidth
//或者
document.body.clientheight
document.body.clientwidth

// clientwidth 處理相容性

function
getclient()
}// scrolltop相容性處理
function
getscrolltop()

// 對應的dom元素的寬高有以下幾個常用的：

document.
getelementbyid
("div"
).offsetheight;
// 元素的實際高度
document.
getelementbyid
("div"
).offsetwidth;
// 元素的實際寬度
document.
getelementbyid
("div"
).offsetleft;
// 元素的實際距離左邊界的距離
document.
getelementbyid
("div"
).offsettop // 元素的實際距離上邊界的距離

JS瀏覽器獲取寬高

網頁可見區域寬 document.body.clientwidth 網頁可見區域高 document.body.clientheight html下獲取瀏覽器高度，xhtml下獲取元素總高度 網頁可見區域高 document.documentelement.clientheight xhtml下獲取...

獲取元素寬高

獲取元素寬高值 1.內聯樣式.element.style讀取的只是元素內聯樣式,即寫在元素的 style 屬性上的樣式,支援讀寫.var elebox document.getelementbyid eleid var h elebox.style.height 外聯樣式 巢狀樣式無法通過上述方法直...

獲取元素高寬

element.clientwidth屬性表示元素的內部寬度，以畫素計。該屬性包括內邊距，但不包括垂直滾動條 如果有 邊框和外邊距 element.getboundingclientrect width有內邊距和邊框，無外邊距 element.style.width 只能去內聯樣式的寬window....