美文网首页程序员
javascript-BOM基础

javascript-BOM基础

作者: 悠哈121 | 来源:发表于2018-07-22 20:22 被阅读0次

    BOM部分主要是针对浏览器进行操作
    window:所有浏览器都支持 window 对象,它表示浏览器窗口
    window.location 对象在编写时可不使用 window 这个前缀,用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面
    @1)hash 返回url中的hash,如果url中不含散列,则返回空字符串
    @2)host 返回服务器的名称
    @3)hostname 返回不带端口的服务器名称
    @4)pathname 返回文件目录
    @5)port 返回端口
    @6)protocol 返回页面使用的协议
    @7)返回url的查询字符串

    image.png

    window.history 对象在编写时可不使用 window 这个前缀,包含浏览器的历史,用户上网的历史记录因为history是window对象的属性,因此每个浏览器的窗口,每个标签乃至框架都有自己的history
    history.go(-1)后退一页 == history.back()
    history.go(1)前进一页 == history.forward()
    history.go(2)前进两页
    history.go("wrox.com")此时浏览器会跳转到历史记录包含该字符串的第一个位置,可能后退也肯能前进,具体要看那个位置最近
    window.navigator 对象在编写时可不使用 window 这个前缀,包含有关访问者浏览器的信息,


    image.png

    练习BOM-实现fixed定位:https://www.jianshu.com/p/7c691e5fb01d
    js学习(ECMAScript,DOM,BOM):https://www.jianshu.com/p/b7136540b379

    相关文章

      网友评论

        本文标题:javascript-BOM基础

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