javascript--window對象及寬高、位置、滾動條

//window的屬性,大部分都是隻讀的,不支持設置,這裏也就不一一分析。使用的時候window全部作爲只讀看待,不要設置。
//爲了簡便,除非特殊說明,此文檔中的document.body代表元素(標籤)
//一些需要兼容地方,也都有體現,沒有過多解釋。

/*獲取常用對象:這裏的每個對象都是一個完整的體系,都要掌握*/
window.location
window.history
window.localStorage
window.sessionStorage
window.navigator
window.document
window.screen
/*其他:很不常用*/
	//	closed 	返回窗口是否已被關閉。
	//	defaultStatus 	設置或返回窗口狀態欄中的默認文本。
	//	frames 	返回窗口中所有命名的框架。該集合是 Window 對象的數組,每個 Window 對象在窗口中含有一個框架。
	//	length 	設置或返回窗口中的框架數量。
	//	name 	設置或返回窗口的名稱。
	//	opener 	返回對創建此窗口的窗口的引用。
	//	parent 	返回父窗口。
	//	self 	返回對當前窗口的引用。等價於 Window 屬性。
	//	status 	設置窗口狀態欄的文本。
	//	top 	返回最頂層的父窗口。

/*獲取大小、位置、滾動條*/
	//獲取瀏覽器相對於屏幕的座標
		window.screenLeft;/*window.screenX;*/
		window.screenTop;/*window.screenY;*/
	//獲取窗口大小:對應三大家族記憶
		//offset:獲取元素的總大小---獲取元素相對於位置
			document.body.offsetHeight
			document.body.offsetWidth
			document.body.offsetTop
			document.body.offsetLeft
			document.body.offsetParent
		//獲取窗口的外部高度(包含工具條與滾動條)
			window.outerHeight
			window.outerWidth
		
		//scroll:獲取元素內容的實際大小----獲取元素的滾動距離
			document.body.scrollHeight
			document.body.scrollHeight
			document.body.scrollHeight
			document.body.scrollHeight
		//獲取窗口的文檔顯示區的大小----獲取窗口的滾動距離(內部高度)
			window.innerHeight
			window.innerWidth
			window.pageXOffset;/*IE*/ 
			window.pageYOffset
			//IE下使用html的滾動距離代替window的滾動
			document.documentElement.scrollTop
			document.documentElement.scrollLeft
		
		//client:獲取元素可是區域的大小
			document.body.clientHeight
			document.body.clientWidth
			
			
			
/*測試*/
setInterval(function(){
	
},1000)



 

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