1. location对象
location 的数据类型是对象，它拆分并保存了 URL 地址的各个组成部分
常用属性和方法：
属性：
href 属性获取完整的 URL 地址，对其赋值时用于地址的跳转
// 可以得到当前文件URL地址 console.log(location.href) // 可以通过is方式跳转到目标地址 location.href = 'https://www.liqinglin0314.com'
search 届性获取地址中携带的参数，符号 ? 后面部分
console.log(location.search)
hash 属性获取地址中的哈希值，符号 # 后面部分
console.log(location.hash)
后期 vue 路由的铺垫，经常用于不刷新页面，显示不同页面。
方法：
reload 方法用来刷新当前页面，传入参数 true 时表示强制刷新
<button class="reload">点我刷新</button>
<script>
const btn = document.querySelector('.reload')
btn.addEventListener('click', function() {
// 强制刷新，类似 ctrl + F5
location.reload(true)
})
</script>2. navigator对象
navigator的数据类型是对象，该对象下记录了浏览器自身的相关信息
常用属性:
通过 userAgent 检测浏览器的版本及平台
console.log(navigator.userAgent)
3. history对象
history 的数据类型是对象，主要管理历史记录，该对象与浏览器地址栏的操作相对应，如前进、后退、历史记录等
常用方法:
back()：可以后退功能
forward()：前进功能
go(参数)：前进后退功能 参数如果是1前进1个页面如果是1 后退1个页面
<button>后退</button>
<button>前进</button>
<script>
const back = document.querySelector('button:first-child')
const forward = back.nextElementSibling;
// 后退
back.addEventListener('click', function() {
// history.back()
history.go(-1)
})
// 前进
forward.addEventListener('click', function() {
// history.forward()
history.go(1)
})
</script>history 对象一般在实际开发中比较少用，但是会在一些 0A 办公系统中见到