zoukankan      html  css  js  c++  java
  • js14

    元素的属性

        

        

        Div.attributes 是所有标签属性构成的数据集合

        Div.classList 是所有class名构成的数组集合

          在classList的原型链上看以看到add()和remove()

    1.client系列

        

        clientWidth/clientHeight 是我们设置的宽和高加上内边距(没有边框)

        clientLeft/clientTop 就是我们设置的边框值

     2.offset系列

        

        

        offsetWidth/offsetHeight 是我们设置的宽和高加上边框加上内边距

        offsetLeft/offsetTop 是元素外边距离父级的内边距的距离

        这个父级由定位position:absolute;

        offsetTop 参照物由父级元素身上的position:absolute/fixed决定的;如果父级元素没有就逐层向上查找直到body。

        offsetParent  返回这个元素的父级元素

    3.scroll系列

        

        scrollWidth/scrollHeight 就是我们设置的宽高加上内边距(内容没有溢出的前提下)

        如果超出了范围就按内容而定

        scrollTop/scrollLeft   滚动条卷走的高度和宽度

        如果我们设置了小数,都会向上取整

     案例分析

        offset往往和我们做元素的运动有关系

        1.offset必须和position配合使用往往这个值还必须是absolute。

        2.offsetLeft 有初始值 在标准浏览器下是8px  低版本没有。

        3.

        

        Document.body 获取的是文档中的body标签

        Document.documentElement  获取的是文档中根节点

        Document.body.clientWidth

        Document.documentElement.clientWidth

        

        二者获取的width的值不一样差16px,怎样让他们一样

        一个CSS就好了

        Ie6不支持document.documentElement

    兼容性写法

      Var w=document.documentElement.clientWidth||document.body.clientWidth

      获取浏览器可见区的宽度

      逻辑运算 ||  &&  !

     

      || 遇到第一个为真就返回

      && 遇到第一个为假就终止,返回false,如果没遇到就返回最后那一个

      5&&4&&2&&1  ==》1

      5&&0&&3&&0  ==>0

      5||2&&3  且的优先级高于或  2&&3=》3   5||3 ==》5

  • 相关阅读:
    查看mysql日志
    Redis配置和常用命令
    任务
    如何让maven 将工程依赖的jar 复制到WEB-INF/lib 目录下
    Tomcat8安装, 安全配置与性能优化(转)
    Web.xml详解(转)
    php精度比较函数bccomp
    php找到字符数组里最左匹配长度的字符(最长公共前缀匹配算法)
    PHP实现curl post和get
    Jquery 跨Dom窗口操作
  • 原文地址:https://www.cnblogs.com/LXW2002326/p/9985569.html
Copyright © 2011-2022 走看看