BOM

<!-- BOM：Browser Object Model（浏览器对象模型）

提供了独立于内容与浏览器窗口进行交互的对象

-->

<!-- 浏览器对象模型

-->

<!-- window 窗口对象, 可以用来控制当前窗口, 或打开新的窗口 -->

<!-- window.open(); window.close(); -->

<!-- screen 屏幕对象, 获取屏幕相关信息 availHeight浏览器的可视高度 availWidth浏览器的可视宽度 height屏幕的高度-->

<!-- navigator 浏览器对象, 通过这个对象可以判定用户所使用的浏览器 -->

<!-- history 历史对象, 可以用来前进或后退一个页面 window.history.back()后退 history.forward()前进-->

<!-- history.go()刷新 history.go(1)前进 history.go(-1)后退 -->

<!-- location 地址对象, 可以用来获取当前URL的信息 location.href获取url路径 中文在url里面不显示的显示乱码-->

<!-- host: "127.0.0.1:5500" ip地址 域名加端口 hostname: "127.0.0.1"域名  域名下面可以有不同的端口-->

<!-- pathname: "/bom.html" 页面名 port: "5500 端口名 protocol: "http:"协议名 hash: "#a1"锚点名-->

<!-- search 是用来获取 query参数 意思是?后面的 location.reload()方法可以刷新页面 location.toString()可以返回url字符串-->

<script>

    console.log(location)

</script>