1.BOM
BOM(browser Object model)，浏览器对象模型
js有一个默认的内置对象叫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('函数')
}
func1() //window.func1()
//2.window基础操作
//1)window.open(url) -> 返回一个新的窗口对象
// window2 = open('https://www.baidu.com')
// open()
//2)window.open(url,'_self') -> 在当前页面中刷新出新的窗口
// window2 = open('https://www.baidu.com', '_self')
// window2 = open('https://www.baidu.com', '_blank')
//3)window.open(url,'','width=?,height=?') -> 打开一个新的窗口，并且设置窗口的宽度和高度
// window2 = open('','','width=200,height=100')
//4) 窗口对象.close() - 关闭指定窗口
//window.close() - 关闭当前窗口
// window2.close()
// window.close()
// 5)移动窗口
//窗口对象.moveTo(x坐标, y坐标)
// window2.moveTo(200, 200)
// 6)获取窗口的宽度和高度
// innerWidth/innerHeight - 取浏览器内容可见部分的宽度和高度
// outerWidth/outerHeight - 取整个浏览器的宽度和高度
console.log(window.innerWidth, window.innerHeight)
console.log(window.outerWidth, window.outerHeight)
// 2.弹框
// window.alert(提示信息) - 提示信息+确定按钮
alert('网络超时')
//window.confirm(问题信息) - 问题信息+确定按钮+取消按钮;返回值是true(确定)或者false(取消)
result = confirm('是否删除?')
console.log(result)
//window.prompt(提示信息,输入框默认值) - 提示信息+输入框+确定按钮+取消;
// 如果点取消返回值是null,确定返回值是输入框中的内容
result = prompt('我是提示信息', '默认值')
console.log(result)
</script>
网友评论