Tag Archives: 获取宽度

一 26

原生JS获取body宽度高度（含padding+border）

Posted on by

0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
/*视口的大小，部分移动设备浏览器对innerWidth的兼容性不好，需要
*document.documentElement.clientWidth或者document.body.clientWidth
*来兼容（混杂模式下对document.documentElement.clientWidth不支持）。
*使用方法 ： getViewPort().width;
*/
function getViewPort () {
    if(document.compatMode == "BackCompat") {   //浏览器嗅探，混杂模式
        return {
            width: document.body.clientWidth,
            height: document.body.clientHeight
        };
    } else {
        return {
            width: document.documentElement.clientWidth,
            height: document.documentElement.clientHeight
        };
    }
}
// 使用 包含padding border
getViewPort().width; // 获取宽度
getViewPort().height; // 获取高度