📌  相关文章
📜  在新选项卡中打开链接 - Javascript (1)

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

在新选项卡中打开链接 - JavaScript

在 Web 开发中,我们经常需要在当前页面的上下文中打开新的链接或页面。通常,这可以通过将网址或链接的 href 属性设置为新页面的网址来完成。但是,在某些情况下,我们希望在新选项卡或浏览器窗口中打开链接,而不是在当前页面中打开。

在 JavaScript 中,可以使用 windows.open() 方法将链接打开在新选项卡或浏览器窗口中。该方法接受三个参数:新页面的网址,新页面的名称(可选)以及一组用逗号分隔的选项(也是可选的)。

以下是一个打开链接到 Google 的示例:

window.open('https://www.google.com');

该代码将在新选项卡中打开 Google 的网站。

要在新窗口中打开链接,您可以将第二个参数设置为一个唯一的名称,例如:

window.open('https://www.google.com', '_blank');

这将在新窗口中打开链接。如果您希望新窗口具有特定的大小和位置,可以使用选项参数。例如,以下代码将在新窗口中打开 Google 的网站,并设置该窗口的大小和位置:

window.open('https://www.google.com', '_blank', 'width=500,height=500,top=100,left=100');

此代码将在大小为 500x500 像素的新窗口中打开 Google 的网站,并将其放置在屏幕的左上角。

总之,通过 JavaScript 的 windows.open() 方法,您可以轻松地在新选项卡或浏览器窗口中打开链接,并控制打开的窗口的位置和大小。