1.BOM
BOM(browser Object model)，瀏覽器對象模型
js有一個默認的內(nèi)置對象叫window用來表示瀏覽器
在js中聲明的所有的全局變量歪今，都是綁定在window上的屬性
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div style="height: 2000px; background-color: darkcyan;">
</div>
</body>
</html>
<script type="text/javascript">
//1.window對象
num = 1001 //window.num = 100
console.log(window.num)
function func1(){
console.log(this)
console.log('函數(shù)')
}
func1() //window.func1()
//2.window基礎(chǔ)操作
//1)window.open(url) -> 返回一個新的窗口對象
// window2 = open('https://www.baidu.com')
// open()
//2)window.open(url,'_self') -> 在當(dāng)前頁面中刷新出新的窗口
// window2 = open('https://www.baidu.com', '_self')
// window2 = open('https://www.baidu.com', '_blank')
//3)window.open(url,'','width=?,height=?') -> 打開一個新的窗口偶惠，并且設(shè)置窗口的寬度和高度
// window2 = open('','','width=200,height=100')
//4) 窗口對象.close() - 關(guān)閉指定窗口
//window.close() - 關(guān)閉當(dāng)前窗口
// window2.close()
// window.close()
// 5)移動窗口
//窗口對象.moveTo(x坐標(biāo), y坐標(biāo))
// window2.moveTo(200, 200)
// 6)獲取窗口的寬度和高度
// innerWidth/innerHeight - 取瀏覽器內(nèi)容可見部分的寬度和高度
// outerWidth/outerHeight - 取整個瀏覽器的寬度和高度
console.log(window.innerWidth, window.innerHeight)
console.log(window.outerWidth, window.outerHeight)
// 2.彈框
// window.alert(提示信息) - 提示信息+確定按鈕
alert('網(wǎng)絡(luò)超時')
//window.confirm(問題信息) - 問題信息+確定按鈕+取消按鈕;返回值是true(確定)或者false(取消)
result = confirm('是否刪除?')
console.log(result)
//window.prompt(提示信息,輸入框默認值) - 提示信息+輸入框+確定按鈕+取消;
// 如果點取消返回值是null,確定返回值是輸入框中的內(nèi)容
result = prompt('我是提示信息', '默認值')
console.log(result)
</script>
