BOM對象——location ~~~javascript btn ~~~ ...
BOM對象——location
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
window.onload = function() {
/*
Location
- 該對象封裝了瀏覽器的地址欄信息
*/
//獲取按鈕
var btn = document.getElementById("btn");
btn.onclick = function() {
// 如果直接列印location,則可以獲取到地址欄的信息(當前頁面完整的路徑)
// console.log(location);?
/*
如果直接將location屬性改成一個完整路徑或者相對路徑則會跳轉到該頁面
*/
// location="http://www.baidu.com";
/*
assign
- 用來跳轉到其他頁面,作痛和直接修改location一樣
*/
// location.assign("http://www.baidu.com");
/*
reload();
重新載入當前頁面
如果在方法中傳遞一個true,強制清空緩存
*/
// location.reload(true);
/*
replace();
- 可以使用一個新的頁面替換當前頁面,調用完畢也會跳轉頁面
- 不會生成歷史記錄,不能使用回退按鈕
*/
location.replace("http://www.baidu.com");
}
}
</script>
</head>
<body>
<button type="button" id="btn">btn</button>
</body>
</html>