1.BOM(浏览器对象模型)简介Window浏览器窗口;History浏览器的历史记录(上下翻页) Location浏览器的地址栏;Navigator浏览器的信息;Screen设备屏幕信息

目录

一:BOM(浏览器对象模型)

                     Window                 - 代表的是浏览器窗口    

                     History                  - 代表的是浏览器的历史记录

                     Location                - 代表的是浏览器的地址栏

                     Navigator               - 代表浏览器的信息

                     Screen                   - 代表的是设备屏幕信息

 - BOM对象都是window对象的属性,所以可以直接访问

二:History 表示浏览器的历史记录

    - 由于隐私的原因,History无法访问具体的历史记录    - 只能用来控制浏览器向前向后翻页

三:location

四:Navigator

五:活捉IE


一:BOM(浏览器对象模型)

  - BOM中为我们提供了一组对象,用来完成对浏览器的各种操作
  - BOM对象:

                     Window                 - 代表的是浏览器窗口    

                     History                  - 代表的是浏览器的历史记录

                     Location                - 代表的是浏览器的地址栏

                     Navigator               - 代表浏览器的信息

                     Screen                   - 代表的是设备屏幕信息

 - BOM对象都是window对象的属性,所以可以直接访问

二:History 表示浏览器的历史记录

    - 由于隐私的原因,History无法访问具体的历史记录
    - 只能用来控制浏览器向前向后翻页

history.length                   - 当前访问的页面的数量
history.forward();              - 切换到前边访问的网址  '->'
history.back();                  - 相当于浏览器的回退按钮  '<-'
history.go()                       - 跳转到指定的历史记录

三:location

    - location表示浏览器地址栏信息                                                                                                        - alert(location.port); 获取端口号                                                                                            -          - console.log(location.search)获取表单提交的信息
    - 如果直接读取location,则可以获取到地址栏的信息(页面地址)
    - 如果修改location的值,则浏览器会自动跳转到新的地址
        - 通过这种方式跳转页面,会留下历史记录,可以通过回退按钮回退
           location = 'https://www.baidu.com';跳转到百度页面
    - assign()
        - 用来跳转地址,和直接修改location是一样的
        location.assign('https://www.jd.com');
    - replace()
        - 用来跳转地址,它不会产生历史记录,无法通过回退按钮回退
        location.replace('https://www.jd.com');
    - reload()
        - 用来重新加载网页,相当于网页的刷新按钮
        location.reload(true);
        - 强制清除浏览器缓存,相当于ctrl+F5

四:Navigator

 - 代表浏览器的信息,通过Navigator来识别出不同的浏览器
 - 在 Navigator 中大部分属性都没有什么使用价值
 - userAgent 返回的是一个字符串,
     用来表示浏览器的信息
 - Chrome
     Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4183.10
 - Firefox
     Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:81.0) Gecko/20100101 Firefox/81.0
 - IE(还可以发现是IE)
     Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E)
     Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E)
 - IE11(不希望别人认出自己是IE)
     Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; rv:11.0) like Gecko

五:活捉IE

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值