在JavaScript中,BOM(浏览器对象模型)是指由浏览器提供的对象集合,用于管理浏览器窗口和文档。其中,window
对象是 BOM 中最重要的对象之一,它代表了浏览器窗口。
window
对象提供了大量的属性和方法,用于操作浏览器窗口和文档。下面是一些常用的 window
对象的属性和方法:
window.document
: 返回当前窗口的文档对象,可以用它来访问和操作页面的 HTML 和 CSS。window.location
: 返回当前窗口的 URL 信息,可以用它来获取或修改当前页面的 URL。window.navigator
: 返回当前浏览器的信息,例如浏览器名称、版本、操作系统等。window.history
: 返回当前窗口的浏览历史记录,可以用它来控制浏览器的前进和后退操作。window.alert()
: 在浏览器窗口中弹出一个警告框。window.prompt()
: 在浏览器窗口中弹出一个输入框,用于获取用户输入。window.confirm()
: 在浏览器窗口中弹出一个确认框,用于获取用户的确认或取消。
除了上述属性和方法,window
对象还提供了许多其他的属性和方法,例如定时器、屏幕信息、浏览器窗口大小等。需要注意的是,window
对象中的属性和方法可以直接访问,不需要加上对象前缀,例如 window.alert()
可以简写为 alert()
。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>window</title>
</head>
<body>
<script>
//var定义的变量会被添加到全局对象
var varVariable="varVariable";
//let定义的变量不会被添加到全局对象
let letVariable="letVariable";
function sayHi(){
alert("Hi, window");
}
//弹窗显示varVariable
alert(window.varVariable);
//弹窗显示undefined
alert(window.letVariable);
window.sayHi();
</script>
</body>
</html>