简介
可视化页面和可视化窗口
获取页面的宽/高度(包含滚动条)
获取文档相关的高度/宽度(除去滚动条)
<!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>