Scroll

作者: 嗨黄先生 | 来源:发表于2017-10-12 22:19 被阅读0次

    ScrollWidth和scrollHeight(不包括border)

    检测盒子的宽高。(调用者:节点元素。属性。)
    盒子内容的宽高。(如果有内容超出了,显示内容的高度)
    IE567可以比盒子小。 IE8+火狐谷歌不能比盒子小

    scrollTop和scrollLeft

    网页,被浏览器遮挡的头部和左边部分。
    被卷去的头部和左边部分。

    兼容性问题

    一、未声明DTD(谷歌只认识他)
    document.body.scrollTop
    二、已经声明DTD(IE678只认识他)
    document.documentElement.scrollTop
    三、火狐/谷歌/ie9+以上支持的
    window.pageYOffset

    兼容写法

        var aaa=window.pageYOffset||
                document.documentElement.scrollTop||
                document.body.scrollTop||
                var aaa=document.documentElement,scrollTop+document.body.scrollTop;
    

    获取title、body、head、html标签

    document.title--文档标题;
    document.head--文档的头标签;
    document.body--文档的body标签;
    document.documentElement --- 这个很重要
    它表示文档的html标签, 也就是说,基本结构当中的html标签并不是通过document.html 去访问的,而是document.documentElement 。

    Json

    Json是一种数组类型的数据类型
    不同的是:数组中的元素是单一的
    而Json中的元素,是以键值对的形式出现的(key-value)

    定义方法

    var json={key1:value1key2:value2key3:value3...};
    数组是通过索引值获取数组中的元素的,二json是通过key获取元素的

    获取内容

    JSON是一种轻量级的数据交换格式,我们称之为JavaScript对象表示法。使用JSON进行数据传输的优势之一。表示方法为键值对,key:value。
    var myjson={key1:value1key2:value2key3:value3...};
    获取方式:v1 == myjson.k1 v2 == myjson.k2
    Json一般就是被当做一个配置单用;

    屏幕跳转

    window.scrollTo
    方法可把内容滚动到指定的坐标。
    格式:
    scrollTo(xpos,ypos)
    xpos 必需。要在窗口文档显示区左上角显示的文档的 x 坐标。
    ypos 必需。要在窗口文档显示区左上角显示的文档的 y 坐标

    相关文章

      网友评论

          本文标题:Scroll

          本文链接:https://www.haomeiwen.com/subject/qefayxtx.html