jQuery:javascript
$(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()是不变的。java
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