JS BOM篇（一）window物件

Window物件

BOM的核心物件是window物件，它表示瀏覽器的一個例項。即是JavaScript訪問瀏覽器視窗的一個介面，又是ECMAScript規定的Global物件。

1. 全域性作用域
   全域性作用域下中宣告的變數、函式都會變成window物件的屬性和方法。
2. 視窗位置

	window.moveTo(x,y)
	window.moveBy(x,y)

3. 視窗大小
   獲取視窗資訊

	//IE9+、Firefox、Safari、Opera、Chrome 均提供以下屬性
	innerWidth：容器中頁面檢視的大小（寬度）
	innerHeight：容器中頁面檢視的大小（高度）
	outerWidth：瀏覽器視窗本身尺寸（寬度）
	outerHeight：瀏覽器視窗本身尺寸（高度）
	
	//ie6嚴格模式有效
	document.documentElement.clientWidth :頁面視口資訊 
	document.documentElement.clientHeight :頁面視口資訊 （）
	
	//ie6混雜模式
	document.body.clientWidth :頁面視口資訊 
	document.body.clientHeight :頁面視口資訊 

code

	var pageWidth = window.innerWidth,
	pageHeigh = window.innerHeight;
	if(typeof pageWidth != 'number'){
		if(document.compatMode == "CSS1Compat"){
			//嚴格模式
			pageWidth = document.documentElement.clientWidth
			pageHeight = document.documnetElement.clientHeight
		}else{
			pageWidth = document.body.clientWidth
			pageHeight = document.body.clientHeight
		}
	}

4. 開啟視窗 window.open()
   這裡往深了講還有很多，不具表了。有興趣可以翻看小紅書
   有興趣的小夥伴看得出來，這個可以刷點選量

window.open('http://www.baidu.com','','height=400,width=400,top=10,left=10,resizable=yes')

5. 定時器
   setTimeout
   setInterval
   clearTimeout
   clearInterval
6. 系統對話方塊

alert()
confirm()
prompt()

code

if(confirm("Are you sure?")){
	alert('I am so gald you are sure')
}else{
	alert('I am sad')
}

var result = prompt("what is your name")
if(result !== null){
	alert('Welcome '+result)
}