为什么我这段代码中最终显示的高度是480px-慕课网

首页课程实战体系课手记专栏慕课教程

为什么我这段代码中最终显示的高度是480px

来源：9-20 网页尺寸offsetHeight

热爱生活_热爱编程

2019-02-26 16:36

<!DOCTYPE html>

<html>

<head>

<title>innerHeight和scrollHeight的区别</title>

</head>

body{

margin:10px 20px;

}

</style>

<body>

var x1 = document.body.clientHeight || document.documentElement.clientHeight;

var x2 = document.documentElement.scrollHeight || document.body.scrollHeight;

var y1 = document.documentElement.clientWidth || document.body.clientWidth;

var y2 = document.documentElement.scrollWidth || document.body.scrollWidth;

document.write("该网页可视区域的宽为"+y1+"px"+"<br/>"+"该网页可视区域的高为"+x1+"px"+"<br/><br/>");

document.write("该网页的尺寸宽为"+y2+"px"+"<br/>"+"该网页的尺寸高为"+x2+"px"+"<br/>");

</script>

</body>

</html>

请问为什么高度显示的是480px？？？

写回答关注

JavaScript进阶篇

本课程从如何插入JS代码开始，带您进入网页动态交互世界

468060 学习 · 21891 问题

相似问题

回答 1

回答 3

回答 1

回答 1

回答 1