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>