JS窗口对象

40次阅读
没有评论

JavaScript中的BOM(浏览器对象模型)中的窗口对象(window object)是一个顶层对象,它表示浏览器窗口或者是浏览器的一个选项卡,包含了所有浏览器窗口和选项卡的属性和方法。可以使用窗口对象来控制和操作浏览器窗口和页面内容。

以下是窗口对象的一些常用属性和方法:

  1. window.document:表示窗口中当前显示的文档
  2. window.location:表示窗口当前显示的URL
  3. window.alert():弹出警告框
  4. window.prompt():弹出输入框
  5. window.confirm():弹出确认框
  6. window.open():打开新的浏览器窗口
  7. 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()方法将焦点设置到新的窗口上,以便用户可以立即开始与该窗口进行交互。

正文完
 
评论(没有评论)