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>