bom介绍

bom
全称是Browser object model 浏览器对象模型
把浏览器看做对象
里面有很多其他的对象

这里的大体关系如下:
在这里插入图片描述
可以看到bom在最上面。而document也就是dom也在下面。
由于前面已经提到过dom所以这里再把下面四个对象说一下,那么js提到的内容基本也就结束了

Navigator

Navigator 对象包含有关浏览器的信息。
下面的内容是我从w3c上粘贴过来的:
在这里插入图片描述
在这里插入图片描述
Screen 对象
Screen 对象包含有关客户端显示屏幕的信息。
在这里插入图片描述
History 对象
History 对象包含用户(在浏览器窗口中)访问过的 URL。
History 对象是 window 对象的一部分,可通过 window.history 属性对其进行访问。
在这里插入图片描述
Location
Location 对象包含有关当前 URL 的信息。
在这里插入图片描述
由于location用的比较多所以这里可以写一个示例:

    document.write(location.hash + "<br>")
    document.write(location.host + "<br>")
    document.write(location.hostname + "<br>")
    document.write(location.port + "<br>")
    document.write(location.protocol + "<br>")
    document.write(location.href + "<br>")
    document.write(location.search + "<br>")
    document.write(location.pathname + "<br>")

可以看到下面显示了url的一些相关信息,其实这些信息都是从浏览器上方地址栏截取下来的:
地址栏:
在这里插入图片描述
浏览器显示结果:
在这里插入图片描述
另外还有页面跳转的代码:

location.href = "https://www.baidu.com";

这里加上这一行代码就可以跳转到百度去了。

最后再提一下Window对象:
Window对象
window对象的属性
在这里插入图片描述
在这里插入图片描述
window对象方法:
在这里插入图片描述
在这里插入图片描述
下面再简单介绍一下JS的三个弹出窗口
Alert 警告窗口 confirm 确认窗口 prompt 输入窗口
目前上面介绍的方法其实很多都不支持了

  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值