JavaScript BOM
BOM:Browser Object Model 浏览器对象模型。也就是 JavaScript 将浏览器的各个组成部分封装为对象。
BOM 中包含了如下对象:
Window:浏览器窗口对象
Navigator:浏览器对象
Screen:屏幕对象
History:历史记录对象
Location:地址栏对象
一 window对象
点击查看代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
// alert
// window.alert("abc");
// alert("bbb");
// confirm,点击确定按钮,返回true,点击取消按钮,返回false
/*var flag = confirm("确认删除?");
//alert(flag);
if(flag){
//删除逻辑
}*/
// 定时器
/*
setTimeout(function,毫秒值): 在一定的时间间隔后执行一个function,只执行一次
setInterval(function,毫秒值):在一定的时间间隔后执行一个function,循环执行
*/
/*setTimeout(function (){
alert("hehe");
},3000);*/
setInterval(function (){
alert("hehe");
},2000);
</script>
</body>
</html>
点击查看代码
1.获取
window.history.方法();
history.方法();
2.方法
back() 加载前一个列表
forward() 加载后一个列表
点击查看代码
1.获取
window.location.方法();
location.方法();
2.属性
href 设置或返回完整的URL
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
/*
alert("要跳转了");
location.href = "https://www.baidu.com";
*/
//3秒跳转到首页
document.write("3秒跳转到首页...");
setTimeout(function (){
location.href = "https://www.baidu.com"
},3000);
</script>
</body>
</html>