如何在 JavaScript 中打开一个新窗口或标签？359

在 JavaScript 中，可以使用方法来打开一个新的窗口或选项卡。该方法需要以下参数:
URL: 要在窗口中打开的 URL。
窗口名称（可选）：新窗口的名称。如果未提供，则会生成一个随机名称。
窗口特性（可选）：一个包含窗口特性（例如大小、位置和是否包含工具栏）的字符串。

以下是打开新窗口或选项卡的语法:(URL, windowName, windowFeatures);

windowFeatures 字符串可以包含以下特性:
width：窗口的宽度，以像素为单位。
height：窗口的高度，以像素为单位。
top：窗口相对于屏幕顶部的像素偏移量。
left：窗口相对于屏幕左侧的像素偏移量。
toolbar：是否显示工具栏（"yes" 或 "no"）。
location：是否显示地址栏（"yes" 或 "no"）。
menubar：是否显示菜单栏（"yes" 或 "no"）。
status：是否显示状态栏（"yes" 或 "no"）。
scrollbars：是否显示滚动条（"yes" 或 "no"）。
resizable：是否允许用户调整窗口大小（"yes" 或 "no"）。

例如，以下代码将在一个没有工具栏、地址栏或菜单栏的新窗口中打开一个 URL:("", "_blank", "width=400, height=300, toolbar=no, location=no, menubar=no");

要打开一个新选项卡，而不是一个新的窗口，请使用属性。此属性将在当前浏览器窗口中打开一个新选项卡:

请注意，()方法的行为可能会受到浏览器安全设置和其他因素的影响。例如，某些浏览器可能会阻止自动打开新的窗口或选项卡。

替代方法

在某些情况下，您可能需要使用以下替代方法来打开一个新窗口或标签:* : 设置属性将导致当前窗口或选项卡导航到新 URL。
* ("a"): 动态创建一个<a>元素并设置其href属性将创建一个指向新 URL 的链接。然后，您可以调用()方法来打开新 URL。
* (): 使用 Service Workers，您可以注册一个 Service Worker 来拦截导航请求并在新窗口或选项卡中打开它们。

选择哪种方法取决于您的特定要求和目标浏览器环境。

2024-12-25

上一篇：JS 打开新窗口/标签

下一篇：PPT 中使用 JavaScript 提升交互性