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

关于BOM的那些事儿