网页尺寸offsetHeight，JavaScript进阶篇教程-慕课网

9-20 网页尺寸offsetHeight

本节编程练习不计算学习进度，请电脑登录imooc.com操作

网页尺寸offsetHeight

offsetHeight和offsetWidth，获取网页内容高度和宽度(包括滚动条等边线，会随窗口的显示大小改变)。

一、值

offsetHeight = clientHeight + 滚动条 + 边框。

二、浏览器兼容性

var w= document.documentElement.offsetWidth
    || document.body.offsetWidth;
var h= document.documentElement.offsetHeight
    || document.body.offsetHeight;

任务

在script标签内，补充右边编辑器代码，获取网页的宽度和高度,并输出。

index.html

<!DOCTYPE HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
</head>
<body>
 <script type="text/javascript">
 
</script>
</body>
</html>