页面高度的几个api
获取窗口高度
这几个属性总是记不住。。。记录一下加深印象...
innerHeight、innerWidth、outerHeight、outerHeight在IE9+、safari、firefox、chrome中inner属性返回浏览器窗口大小,
inner的属性返回当前页面视图容器的大小。。。(可以理解成去掉地址栏。导航。收藏夹,。。。。等等)。。。就是显示页面的这个浏览器控件的大小
IE8以及更早的浏览器没有获取浏览器本身大小的api,只能获取页面窗口大小属性如下:
document.documentElement.clientWidth,document.documentElement.clientHeight;
在IE6中,这两个属性只在标准模式下可用。。如果是混杂模式则。。。需要通过document.body.clientHeight,document.body.clientWidth来获取
那么获取页面可见区域大小的函数如下
function getViewPort(){ var ph = window.innerHeight; var pw = window.innerWidth; if(typeof pw !="number"){ if(document.compatMode =="cssCompat"){//判断是否是标准模式 pw = document.documentElement.clientWidth; ph = document.documentElement.clientHeight; }else{ pw=document.body.clientWidth; ph = document.body.clientHeight; } } return {height:ph,width:pw}; } //获取文档总高度的方法 function getDocView(){ var docHeight = Math.max(document.documentElement.scrollHeight,document.documentElement.clientHeight); var docWidth = Math.max(document.documentElement.scrollWidth,document.documentElement.clientWidth); return {height:docHeight,width:docWidth}; }
发表评论