Bom API浏览器对象

Bom API浏览器对象 包括滚动条及页面可视区域等

取窗口滚动条高度

//在IE中：
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度

//在FireFox中：
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度

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

//而如果没有定义W3C的标准，则
//IE为：
document.documentElement.clientWidth
document.documentElement.clientHeight

//FireFox为：
页面对象宽度（即BODY对象宽度加上Margin宽）
document.documentElement.clientWidth
页面对象高度（即BODY对象高度加上Margin高）
document.documentElement.clientHeight

//Opera为：
document.documentElement.clientWidth
document.documentElement.clientHeigh

• 网页可见区域宽:

  document.body.clientWidth

• 网页可见区域高:

  document.body.clientHeight

• 网页可见区域宽:

  document.body.offsetWidth(包括边线的宽)

• 网页可见区域高:

  document.body.offsetHeight(包括边线的宽)

• 网页正文全文宽:

  document.body.scrollWidth

• 网页正文全文高:

  document.body.scrollHeight

• 网页被卷去的高:

  document.body.scrollTop

• 网页被卷去的左:

  document.body.scrollLeft

• 网页正文部分上:

  window.screenTop

• 网页正文部分左:

  window.screenLeft

• 屏幕分辨率的高:

  window.screen.height

• 屏幕分辨率的宽:

  window.screen.width

• 屏幕可用工作区高度:

  window.screen.availHeight

• 屏幕可用工作区宽度:

  window.screen.availWidth

赏

谢谢你请我吃糖果

支付宝

微信