BOM

brows object model浏览器对象模型

知识点总结:

    //  BOM常见属性
    //  navigator
    //      userAgent  会详细的显示浏览器的版本信息
    //  Location  地址栏
    //      href 整个网址
    //      host 域名＋端口号
    //      hostname 域名
    //      port  端口号
    //      protocal  协议(http /https)
    //      search  ?后面的一串     (?搜索框里面的值)
    //      hash   #号后面的一串     锚点
    //      assign() 跳转至新的页面
    //      replace() 替换当前页面 --- 不会被历史记录
    //      reload()  刷新页面
    //  history 历史记录
    //      length 在同一个窗口打开过几个页面
    //      forward() 前进
    //      back() 后退
    //      go(1 / -1)可进可退
    //  document 文档 DOM 实际上是BOM的一部分

效果展示:

    console.log(navigator); //浏览器的相关信息
    // Mozilla//火狐

    console.log(navigator.userAgent);


    function sheBei(cb) {
        if(navigator.userAgent.includes('iphone')){
            // console.log('使用的是苹果手机');
            //处理对应的兼容问题
            document.body.background = 'black'
            return
        }
        if(navigator.userAgent.includes('Andriod')){
            // console.log('使用的是安卓手机');
            cb()
            return
        }
        if(navigator.userAgent.includes('Win64')){
            // console.log('使用的是windom系统的电脑');
            cb()
            return
        }
        
    }


    console.log(location);
   

    // setTimeout(function(){
    //     //获取或者设置新的地址
    //     location.href = 'http://www.baidu.com'
    //     location.search = '?username=yy&password=123'
    //     //设置新地址
    //     location.assign('http://www.baidu.com')

    //     //替换新的地址 --- 替换了所有历史记录
    //     //location.replace('http://www.baidu.com')
    // },3000)

BOM的常见属性整理

BOM