简介
可视化页面和可视化窗口
获取页面的宽/高度（包含滚动条）
获取文档相关的高度/宽度（除去滚动条）
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>50-js</title>
<link rel="stylesheet" href="">
<style>
</style>
</head>
<body>
<script src="">
/*
clientWidth / clientHeight
如果是获取到对象时
clientWidth:padding + contentWIdth
clientHeight:padding + contentHeight
此属性不包含boder
offsetWidth / offsetHeight
offsetWidth：padding + contentWIdth + border
offsetHeight：padding + contentHeight + border
scrollWidth / scrollHeight
滚动大小，指的是包含滚动内容的元素大小（元素内容的总高度/宽度）
*/
console.log( document.documentElement.clientWidth );
console.log( document.documentElement.clientHeight );
console.log(box.clientWidth);
console.log(box.clientHeight);
console.log(box.offsetWidth);
console.log(box.offsetHeight);
console.log(box.scrollWidth);
console.log(box.scrollHeight);
</script>
</body>
</html>
1594
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
