BOM_Window_属性和BOM_Location
BOM_Window_属性
- 获取其他BOM对象：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script>
//获取history
var h1 = window.history;
var h2 = history;
alert(h1);
alert(h2);
var openBtn = window.document.getElementById("openBtn");
alert(openBtn);
// document.getElementById("");
</script>
</head>
<body>
</body>
</html>
BOM_Location:地址栏对象
- Location对象包含有关当前URL的信息
- Location对象是window对象的一个部分，可以通过window.location属性来访问
- 1.创建(获取):
- window.location
- location
- 2.方法
- reload() 重新加载当前文档。刷新
- 3.属性
- href 设置或返回反正的URL
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<input value="刷新" type="button" id="btn">
<input value="去百度" type="button" id="goBaiDu">
<script>
//reload方法,定义一个按钮,点击按钮,刷新当前页面
//获取按钮
var btn = document.getElementById("btn");
//绑定单机事件
btn.onclick = function () {
//刷新页面
location.reload();
};
//获取href
var href = location.href;
// alert(href);
//点击按钮去访问百度首页页面
var goBaiDu = document.getElementById("goBaiDu");
//绑定单机事件
goBaiDu.onclick = function () {
//跳转百度页面
location.href = "https://www.baidu.com";
};
</script>
</body>
</html>
