1.概念
Borwser Object Model,浏览器对象模型
将浏览器的各个部分封装成对象
2.组成
2.1 window
2.2.1方法
1.alter():弹出一个带有提示信息或者按钮警告的警告框
2.confirm():弹出一个带有提示信息和一个确认按钮一个取消按钮的确认框,点击后返回布尔值
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
alert(window.confirm("确认删除?"));
</script>
</head>
<body>
</body>
</html>
3.prompt():弹出一个带有提示信息和输入框的对话框,点击确定返回输入的内容,点击取消返回null
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
alert(window.confirm("确认删除?"));
alert(window.prompt("请输入您的手机号"))
</script>
</head>
<body>
</body>
</html>
4.setTimeout(),clearTimeout()
5.setInterval(),clearInterval()
2.2.2 属性
2.2.3 特点
2.2 history:专门用来存储历史记录信息的
history.back:用来会退历史记录的,就是回到前一个页面,就相当于浏览器上的<按钮
window.history.back()
history.forword是去到下一个历史记录里面,也就是去到下一个页面。相当于浏览器上的>按钮
window.history.forward()
2.3 location
专门用来存储浏览器的地址栏内的信息的
location.href这个属性存储的是浏览器地址栏内url地址的信息
console.log(window.location.href):会把中文编程url编码的格式
location.href这个属性也可以给他赋值
window.location.href = './index.html'
//这个就会跳转页面到后面你给的那个地址
location.reload():这个方法会重新加载一遍页面,就相当于刷新是一个道理
window.location.reload()
2.4 navogator
用来获取浏览器信息的
navogator.userAgent:获取的浏览器的整体信息
navogator.appVersion:浏览器的版本号
navogator.platform:获取到的是当前计算机的操作系统
2.5 浏览器的onscroll事件
这个onscroll事件是当浏览器的滚动条滚动的时候触发
scrollTop:获取的是页面向上滚动的距离
document.body.scrollTop
document.documentElement.scrollTop
scrollLeft:获取页面向左滚动的距离
document.body.scrollLeft
document.documentElementLeft