01-BOM-location对象-页面跳转
<body>
<button class="btn1">新开页面</button>
<button class="btn2">刷新页面</button>
<button class="btn3">替换页面</button>
<script>
// location.assign('新url')：新开页面
document.querySelector('.btn1').onclick = function () {
// location.assign('http://www.itcast.cn')
// 本质是修改location.href
location.href = 'http://www.itcast.cn'
}
// location.reload()：刷新页面
document.querySelector('.btn2').onclick = function () {
location.reload()
// 验证码：一定会刷新
}
// location.replace('新的url')：替换页面
document.querySelector('.btn3').onclick = function () {
location.replace('http://www.itcast.cn')
// 与assign()的区别
// 不会产生历史记录
}
</script>
</body>
注意：
1.location.assign('链接')和location.href = '链接'是一样的，打开新的url界面，并且会产生历史记录。
2.location.reload() 刷新界面
3.location.replace('链接') 与assign()的区别：不会产生历史记录
02-BOM-history对象(历史对象）
<script>
// history历史对象：back()回退1步，forward()前进1步，go()指定步数（负数回退，正数前进，0刷新）
document.querySelector('button').onclick = function () {
// 回退第一式
history.back()
// 回退第二式
// history.go(0) // 如果参数没有，或者为0：表示刷新
// history.go(-1)
// history.go(-2) // 如果步数超过了历史拥有的记录：回不去（以前可以：回到历史的第一步：浏览器更新了）
}
// 用到历史记录的地方
// 一些需要多个步骤才能完成的地方
// 1. 下订单
// 2. 选择支付方式
// 3. 确定支付：支付有可能钱不够，提示：可以选择其他支付方式（回退到上级重新选择支付方式）
</script>
注意：
1.history历史对象：back()回退1步，forward()前进1步，go()指定步数（负数回退，正数前进，0刷新）
03-BOM-navigator对象-获取用户信息
<script>
// navigator获取用户信息
console.log(navigator.userAgent)
// 如何判定用户用到的是不是window64位的系统？只要找是否包含：Win64 或者 WOW64
let str = navigator.userAgent.toLowerCase()
if (str.indexOf('win64') != -1 || str.indexOf('wow64') != -1) {
document.body.innerHTML = `您使用的操作系统是window系统，64位的`
}
</script>