window，document，body的height和width代表的是什么 / 四六文摘

jQuery：

$(window).hight()//浏览器当前窗口可视区域高度，是获取当前 也就是你浏览器所能看到的页面的那部分的高度 这个大小在你缩放浏览器窗口大小时 会改变 与document是不一样的$(document).height()//浏览器当前窗口文档的高度 $(document.body).height()//浏览器当前窗口文档body的高度 $(document.body).outerHeight(true)//浏览器当前窗口文档body的总高度 包括border padding margin $(window).width()//浏览器当前窗口可视区域宽度 $(document).width()//浏览器当前窗口文档的宽度 $(document.body).width()//浏览器当前窗口文档body的宽度 $(document.body).outerWidth(true)//浏览器当前窗口文档body的总宽度 包括border padding margin

注意：jQuery(window).height()代表了当前可见区域的大小，而jQuery(document).height()则代表了整个文档的高度，可视具体情况使用.当浏览器窗口大小改变时(如最大化或拉大窗口后) jQuery(window).height() 随之改变，但是jQuery(document).height()是不变的。

JavaScript：

网页可见区域宽[仅针对body]： document.body.clientWidth网页可见区域高[仅针对body]： document.body.clientHeight网页可见区域宽[仅针对body]： document.body.offsetWidth (包括滚动条和边框，若滚动条和边框为0，则和clientWidth相等)网页可见区域高[仅针对body]： document.body.offsetHeight (包括滚动条和边框，若滚动条和边框为0，则和clientHeight相等)可视窗口宽度(包括滚动轴宽度)：window.innerWidth; //IE9+、Chrome、Firefox、Opera 以及 Safari可视窗口高度，不包括浏览器顶部工具栏： window.innerHeight;//IE9+、Chrome、Firefox、Opera 以及 Safari网页正文全文宽(不包括滚动轴的宽度)： document.body.scrollWidth网页正文全文高：document.body.scrollHeight//假如网页中没有滚动轴，document.body.scrollWidth和window.innerWidth相等，document.body.scrollHeight和window.innerHeight相等。网页被卷去的高： document.body.scrollTop网页被卷去的左： document.body.scrollLeft网页正文部分上： window.screenTop网页正文部分左： window.screenLeft屏幕分辨率的高（整个屏幕的高度）： window.screen.height屏幕分辨率的宽（整个屏幕的宽度）： window.screen.width屏幕可用工作区高度： window.screen.availHeight屏幕可用工作区宽度： window.screen.availWidth整个浏览器可用工作区高度： window.outerHeight整个浏览器可用工作区宽度： window.outerWidth

document.body 与 document.documentElement区别见：

（1）什么是document.body？

         返回html dom中的body节点 即<body>

 （2）什么是 document.documentElement？

         返回html dom中的root 节点 即<html>

window，document，body的height和width代表的是什么

相关推荐