js中获取窗口高度的方法

/********************

 * 取房源描述信息窗口滚动条滚动高度

 ******************/

function getScrollTop()

{

  var scrollTop=0;

  if(document.documentElement&&document.documentElement.scrollTop)

  {

  scrollTop=document.documentElement.scrollTop;

  }

  else if(document.body)

  {

  scrollTop=document.body.scrollTop;

  }

  return scrollTop;

}

 

/********************

 * 取窗口可视范围的高度

 *******************/

function getClientHeight()

{

  var clientHeight=0;

  if(document.body.clientHeight&&document.documentElement.clientHeight)

  {

  var clientHeight = (document.body.clientHeight

  }

  else

  {

  var clientHeight = (document.body.clientHeight>document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight;

  }

  return clientHeight;

}

/********************

 * 取房源描述内容实际高度

 *******************/

function getScrollHeight()

{

  return Math.max(document.body.scrollHeight,document.documentElement.scrollHeight);

}

////////////////////////////////////////////////////

在IE中：
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度
document.documentElement.scrollTop =>窗口滚动条滚动高度
在FireFox中：
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度
document.documentElement.scrollTop =>窗口滚动条滚动高度

在chrome中：
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度
document.body.scrollTop =>窗口滚动条滚动高度

在Opera中：
document.body.clientWidth ==> 可见区域宽度
document.body.clientHeight ==> 可见区域高度
document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽）
document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高

滚动到顶部 window.scrollTo(0,0)
滚动到尾部 window.scrollTo(0,document.body.clientHeight)

阅读(659) | 评论(0) | 转发(0) |

0

上一篇：在js中调用php

下一篇：phpwind帮助中心标题title seo优化解决方法