Docdument对象

一、属性

1、document.documentElement.clientWidthdocument.documentElement.clientHeight

含义:返回HTML页面视图区域的宽度和高度(不包括滚动条)。

使用:

document.documentElement.clientWidth === window.innerWidth;          // true,页面无滚动条
document.documentElement.clientWidth = window.innerWidth - 17;       // 有滚动条

document.documentElement.clientHeight === window.innerHeight;        // true,页面无滚动条
document.documentElement.clientHeight = window.innerHeight - 17;     // 有滚动条

2、document.body.clientWidthdocument.body.clientHeight

含义:返回HTML页面body区域的宽度和高度(查看HTML页面元素,选中body,就是盒模型中显示的宽高)。

使用:

document.body.clientWidth;      // body盒模型的宽
document.body.clientHeight;     // body盒模型的高

当前网速较慢或者你使用的浏览器不支持博客特定功能,请尝试刷新或换用Chrome、Firefox等现代浏览器