📅  最后修改于: 2023-12-03 15:37:43.407000             🧑  作者: Mango
在 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() 方法,您可以轻松地在新选项卡或浏览器窗口中打开链接,并控制打开的窗口的位置和大小。