页面高度的几个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};
	}
本文标题:页面高度的几个api
本文链接:https://56way.com/p/56.html
作者授权:除特别说明外,本文由 无路 原创编译并授权 小无路 刊载发布。
版权声明:本文不使用任何协议授权,您可以任何形式自由转载或使用。

发表评论

必填

选填

选填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。