JavaScript学习笔记之BOM

BOM:
	1、概念：Browser Object Model浏览器对象模型
		将浏览器的各个部分封装成对象
	2、组成
		Window：窗口对象
			1、创建：
			2、方法：
				1、与弹出框有关的方法：
					alert（）显示带有一段消息和一个确认按钮的警告框
					confirm（）显示带有一段消息以及确认按钮和取消按钮的对话框
						如果用户点击确定按钮，则方法返回true
						如果用户点击取消按钮，则方法返回false
					prompt（）显示可提示用户输入的对话框
						返回值：获取用户输入的值
				2、与打开关闭有关的方法
					open（）：打开一个新的浏览器窗口
					代码实例：
					<input id="inputlll" type="button">
					<script>
						var d = document.getElementById("inputlll");
						d.onclick = function () {
							// open();//打开一个新的空白页
							open("https://www.youkuaiyun.com/");//点击按钮之后打开优快云主页
						}
					</script>
					
					close（）：关闭浏览器窗口，谁调用我我就关谁
				3、与定时器有关的方法
					一次性定时器
					setTimout（） 在指定的毫秒数后调用函数或计算表达式
						参数：
							1、js代码或方法对象
							2、毫秒值
							setTimeout("alert(\"boom~~~~~~~~~~~~~~~~~\")",3000);
							setTimeout("alert('boom~~~~~~~~~~~~~~~~~')",3000);
							会有一个返回值，返回定时器的id
					clearTimeout（） 取消由setTimeout（）方法设置的timeout，根据id来取消
					
					setInterval（） 按照指定的周期（以毫秒计）来滴哦啊用函数或计算表达式
					clearInterval（） 取消由setInterval（）设置的timeout
					
			3、属性：
				1、获取其他	BOM对象：
					history
					location
					Navigator
					Screen
				2、获取DOM属性：
					document
			4、特点：
				Window对象不需要创建，可以直接使用window使用，window.方法名（）；
				window引用可以省略，方法名（）；
		Navigator：浏览器对象
			1、创建：
			2、方法：
			3、属性：
			4、特点：
		Screen：显示器屏幕对象：
			1、创建：
			2、方法：
			3、属性：
			4、特点：
		History：历史记录对象
			1、创建（获取）：
				1、window.history
				2、history
				
			2、方法：
				back（） 加载history列表中的前一个url
				forward（） 加载history列表中的下一个url
				go（） 加载history列表中的某个具体页面
			3、属性：
				length：返回当前窗口历史列表中的url记录
			代码示例：
			<input type="button" id="li" value="获取当前页面历史个数">
			<script>
				var button = document.getElementById("li");
				button.onclick = function () {
					//获取历史个数
					var length = history.length;
					alert(length);
				}
			</script>
			4、特点：
		Location：地址栏对象
			1、创建（获取）：
				1、window.location
				2、location
			2、方法：
				reload（） 重新加载当前文档，刷新。
			3、属性：
				href：
			代码示例：
			<script>
				//1、获取按钮对象
				var shuxinanniu = document.getElementById("shuaxin");
				alert(location.href);
				//2、绑定单击事件
				shuaxinanniu.click = function () {
					//3、刷新
					location.reload();
				}
				alert("kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk");
				//获取href
				// alert(location.href);
				var h = location.href;
				alert(h);//我也不知道为啥放后面加载不出来
			</script>