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.csdn.net/");//點擊按鈕之後打開CSDN主頁
						}
					</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>