1.DOM：文档对象模型，操作网页上的元素的API，比如让盒子移动，让盒子变色。
2.BOM：浏览器对象模型，操作浏览器部分功能的API，比如让浏览器自动滚动
location对象常用方法：
1. location.assign()函数：当前页面跳转，可以回退
<body>
<button class="btn1" type="button">打开腾讯</button>
<script type="text/javascript">
var btn1 = document.querySelector(".btn1")
btn1.onclick = function(){
location.assign("http://www.qq.com")
}
</script>
</body>
效果图：
2. location.replace()函数：页面跳转，将当前页面替换掉无法回退
<body>
<button class="btn1" type="button">打开腾讯</button>
<script type="text/javascript">
var btn1 = document.querySelector(".btn1")
btn1.onclick = function(){
// location.assign("http://www.qq.com")
location.replace("http://www.qq.com")
}
</script>
</body>
效果图
3.location.reload() 重新加载当前页面，相当于点了刷新按钮
4. location.href 页面跳转
<body>
<button class="btn1" type="button">打开腾讯</button>
<script type="text/javascript">
var btn1 = document.querySelector(".btn1")
btn1.onclick = function(){
location.assign("http://www.qq.com")
// location.replace("http://www.qq.com")
// location.reload()
location.href = "http://www.4399.com/"
}
</script>
</body>