获取窗口属性滚动条和可视区窗口

1、滚动条的属性

获取滚动条的偏移量、w3c给出的规范方法是window上的两个属性pageXOffset和pageYOffset、通过字面你就可以理解为pageXOffset求x轴的偏移量、pageYOffset求y轴的偏移量、


兼容ie的方法、因为兼容问题出现两个方法、document.body.scrollLeft  和 document.documentElement.scrollLeft两个方法都可以获取到偏移量、但是需要注意的是两个方法我们不确定哪一个有值、在ie的几个版本中可能document.body.scrollLeft有值、也可能document.documentElement.scrollLeft有值、这是不确定的、可以确定的是两个方法、只能一个有值、就是说在如果document.body.scrollLeft可以获取到值、那么document。documentElement.scrollLeft一定没值、相反document.documentElement.scroll有值那么document.body.scrollLeft一定是没值的


2、获取可视区窗口的尺寸 

   标准方法为innerHeight 和innerWidth、可视区就是我们能看到的、window上有这个属性、这在window上使用的话获取的是整个浏览器我们能看到内容的区域



ie的方法、可以兼容ie9和ie以下的浏览器、方法为clientHeight、clientWidth、我们是在body上使用的获取到的是body的可视区、我们要在兼容ie的情况下获取到浏览器window的可视区、如何搞呢、window上是没有这个属性的、我们要使用document.documentElement.clientHeight属性、这是在ie的标准模式下获取窗口大小的属性、也就是说在非标准模式下有另外一个方法、非标准模式也叫怪异模式、和混杂模式、在非标准模式下使用document.body.clientHeight属性、


这是在标准模式body的client

兼容方法

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • js中获取窗口高度的方法 取窗口滚动条滚动高度 取窗口可视范围的高度 取文档内容实际高度 在IE中:documen...
    ozil_oo阅读 17,769评论 0 2
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 7,741评论 0 8
  •   DOM 1 级主要定义的是 HTML 和 XML 文档的底层结构。   DOM2 和 DOM3 级则在这个结构...
    霜天晓阅读 5,356评论 1 3
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,078评论 1 45
  • 网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.cl...
    LuckyS007阅读 3,841评论 0 0