zoukankan      html  css  js  c++  java
  • 区分innerHeight与clientHeight、innerWidth与clientWidth、scrollLeft与pageXOffset等属性

    window对象:

    (1)innerHeight属性:窗口中文档显示区域的高度,不包括菜单栏、工具栏等部分。该属性可读可写。

        IE不支持该属性,IE中body元素的clientHeight属性与该属性相同。

    (2)innerWidth属性:窗口中文档显示区域的宽度,同样不包括边框。该属性可读可写。

        IE不支持该属性,IE中body元素的clientWidth属性与该属性相同。

         clientHeight与clientWidth属性是只读的。

         另外,IE不支持outerWidth、outerHeight属性。

     (3)pageXOffset属性:整数只读属性,表示文档向右滚动过的像素数。

        IE不支持该属性,使用body元素的scrollLeft属性替代。

     (4)pageYOffset属性:整数只读属性,表示文档向下滚动过的像素数。

        IE不支持该属性,使用body元素的scrollTop属性替代。

     兼容IE与DOM浏览器,如何获取窗口中文档显示区域的宽度及高度,使用?:条件语句,如下:

     windows.innerWidth ? windows.innerWidth : document.body.clientWidth;

     windows.innerHeight ? windows.innerHeight : document.body.clientHeight;

    元素对象:

       offsetLeft、offsetTop属性:获取元素相对于文档左上角的坐标位置。

      event.clientX 是鼠标相对于网页左边的距离

  • 相关阅读:
    svn 相关
    Xcode 升级到7.2版本出现崩溃想象
    IOS UILabel用UITapGestureRecognizer实现点击事件
    JSon解析
    IOS StoryBoard下的视图跳转
    Http中的get和post的区别
    swift-delegate(代理)或者block传值
    swift-自定义TabBar工具栏
    利用POPAnimatableProperty属性来实现动画倒计时
    NSLayoutConstraints加动画来改变约束
  • 原文地址:https://www.cnblogs.com/yuhanzhong/p/3247910.html
Copyright © 2011-2022 走看看