BOM

1)BOM(瀏覽器對象模型)
	(1)將瀏覽器的各個組成部分封裝成了對象
		Browser
		Object
		Model

	(2)瀏覽器中的對象
	   1:瀏覽器本身就是個對象(不是太重要): navigator

	   2:瀏覽器窗口對象(重點): window
	   		1、創建
	   		2、方法:
	   			*與彈出框有關的方法:
	   				alert: 警告信息-->如:用戶名不正確
	   				confirm: 確定和取消-->用戶點確定:返回true  點擊取消:返回false
	   				prompt: 用戶輸入框-->返回值是:獲取用戶的輸入.

	   			*與打開關閉有關的方法:
	   				open(xxx):  打開新窗口。 返回值是這個窗口的句柄.  xxx可以是URL,如www.baidu.com
	   				close(): 通過open的句柄,關閉窗口

	   			*與定時器有關的方法
	   				setTimeout
	   					參數: param1: 函數對象  param2: 毫秒值
	   					返回值: 唯一id標識
	   				clearTimeout
	   				setInterval
	   				clearInterval
	   		3、屬性:
	   			1.獲取其它BOM對象. 如: history、location、navigator、screen
	   			2.獲取DOM對象. 如: document

	   		4、特點:
	   			Window對象不需要創建可以直接使用, 直接使用小寫window, window中方法的使用: window.方法名(); 
	   			window引用可以省略:  xxx();

	   		筆記:
	   			包含了歷史記錄和地址欄;
	   			包含了body, html文檔顯示的內容;
	   			dom對象(Document對象)

	   3:地址欄對象(重點): location  (location是Window的一部分)
	   		1.創建(獲取):
	   			window.location 或 window
	   		2.方法: reload-->重新加載當前文檔
	   		3.屬性: href-->設置或返回完整的URL

	   4:瀏覽器歷史記錄對象(重點): history
	   		如: 訪問了百度、開關、itcast  這樣你就可以前進和後退;

	   		1、創建(獲取)
	   			1.window.history
	   			2.history
	   		2、方法
	   			back(): 加載history列表中的前一個URL
	   			forward(): 加載history列表中的後一個URL
	   			go(): : 加載history列表中的一個具體頁面
	   				go(1)-->前進
	   				go(-1)-->後退
	   		3、屬性:
	   			length: 返回 `當前窗口` history列表中的某個頁面的URL數量

	   		注意: 區分~當前窗口歷史記錄 和  當前瀏覽器歷史記錄

	   5:顯示器屏幕對象(不是太重要):screen 
	   		屬性: 屏幕的寬、高信息

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章