js如何弹出窗口

在 javascript 中弹出窗口，使用 window.open() 方法，传入 url、窗口名称以及包含窗口特征（如宽度、高度）的字符串。还可以额外设置工具栏、地址栏、状态栏等参数。关闭弹出窗口，使用 window.close() 方法。

如何在 JavaScript 中弹出窗口

在 JavaScript 中弹出窗口非常简单，可以使用 window.open() 方法。该方法接受以下参数：

• URL：要打开的页面的 URL
• 窗口名称（可选）：用于标识弹出窗口的名称（如果省略，则浏览器将自动生成一个名称）
• 窗口特征（可选）：一个包含窗口特征的字符串，例如高度、宽度、状态栏和滚动条（默认值为“width=500,height=500”）

例如，以下代码将打开一个名为 "MyWindow" 的弹出窗口，其 URL 为 "https://example.com"，并且具有 300px 的宽度和 200px 的高度：

window.open("https://example.com", "MyWindow", "width=300,height=200");

额外的设置

除了上述参数外，还可以使用以下附加设置：

• toolbar：显示或隐藏工具栏（默认值为 "yes"）
• location：显示或隐藏地址栏（默认值为 "yes"）
• menubar：显示或隐藏菜单栏（默认值为 "no"）
• status：显示或隐藏状态栏（默认值为 "yes"）
• scrollbars：显示或隐藏滚动条（默认值为 "yes"）
• resizable：允许或禁止调整窗口大小（默认值为 "no"）

例如，以下代码将创建一个具有宽度为 400px、高度为 300px、没有工具栏或地址栏、但具有菜单栏、状态栏、滚动条且可调整大小的弹出窗口：

window.open("https://example.com", "MyWindow", "width=400,height=300,toolbar=no,location=no,menubar=yes,status=yes,scrollbars=yes,resizable=yes");

关闭窗口

要关闭弹出窗口，可以使用 window.close() 方法：

window.close();

以上就是js如何弹出窗口的详细内容，更多请关注www.sxiaw.com其它相关文章！