JavaScript中的BOM(浏览器对象模型)中的窗口对象(window object)是一个顶层对象,它表示浏览器窗口或者是浏览器的一个选项卡,包含了所有浏览器窗口和选项卡的属性和方法。可以使用窗口对象来控制和操作浏览器窗口和页面内容。
以下是窗口对象的一些常用属性和方法:
- window.document:表示窗口中当前显示的文档
- window.location:表示窗口当前显示的URL
- window.alert():弹出警告框
- window.prompt():弹出输入框
- window.confirm():弹出确认框
- window.open():打开新的浏览器窗口
- window.close():关闭当前浏览器窗口
以下是一个简单的示例,演示了如何使用窗口对象打开新的浏览器窗口,并在其中加载新的HTML页面:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Window Object Example</title>
</head>
<body>
<button onclick="openNewWindow()">Open New Window</button>
<script>
function openNewWindow() {
var newWindow = window.open("https://www.example.com", "_blank", "width=500,height=500");
newWindow.focus();
}
</script>
</body>
</html>
在上面的示例中,我们在页面中添加了一个按钮,当按钮被点击时,调用openNewWindow()函数。该函数使用window.open()方法打开一个新的浏览器窗口,加载”https://www.example.com”页面,并设置窗口的宽度和高度为500px。最后,使用newWindow.focus()方法将焦点设置到新的窗口上,以便用户可以立即开始与该窗口进行交互。
正文完