HTML |窗口 createPopup() 方法(1)

📌 相关文章

📜 HTML |窗口 createPopup() 方法(1)

📅 最后修改于: 2023-12-03 15:15:40.115000 🧑 作者: Mango

HTML | 窗口 createPopup() 方法

简介

createPopup() 方法是一种创建弹出式窗口的 HTML DOM 方法，该窗口的内容可以是 HTML 代码片段或一个 URL 地址。它可以用来显示一些较小的、临时性的窗口，并且可以根据需要设置窗口的大小、定位、内容等其他属性。

语法

popup = window.createPopup();

返回值

一个对象，代表了新创建的弹出式窗口。使用此对象可以操作弹出式窗口的内容、位置、大小等属性。

方法

createPopup() 方法创建的弹出式窗口对象包含以下方法：

document()：获取弹出式窗口的文档对象（类似于 iframe 的 contentDocument 属性）。
hide()：隐藏弹出式窗口。
show()：显示弹出式窗口。
toString()：返回弹出式窗口对象的字符串表示。

示例

<html>
  <head>
    <title>createPopup() 示例</title>
    <script>
      function popUp() {
        var popup = window.createPopup();
        var popBody = popup.document.body;
        popBody.style.backgroundColor = "lightblue";
        popBody.style.border = "1px solid blue";
        popBody.innerHTML = "<h1>Hello Popup Window!</h1>";
        popup.show(100, 100, 300, 200);
      }
    </script>
  </head>
  <body>
    <button onclick="popUp()">打开弹出式窗口</button>
  </body>
</html>

如上所示，此示例定义了一个名为 popUp() 的函数，用于创建并显示一个弹出式窗口。在函数内部，首先使用 createPopup() 方法创建一个新的弹出式窗口对象，并使用 document() 方法获取其文档对象。接下来，将样式和 HTML 内容设置为文档对象的 body 元素，最后使用 show() 方法将其显示在屏幕上。

注意事项

createPopup() 方法已被弃用，不建议再使用。建议改用更为先进的技术实现弹出式窗口的需求。