首页 > web前端 > js教程 > 如何使用 JavaScript 在新窗口/选项卡中打开 URL?

如何使用 JavaScript 在新窗口/选项卡中打开 URL?

Barbara Streisand
发布: 2024-10-21 21:23:30
原创
806 人浏览过

How to Open URLs in New Windows/Tabs with JavaScript?

使用 JavaScript 在新窗口/选项卡中打开 URL

在 JavaScript 中,location.href 属性允许您更改当前的 URL页。但是,直接使用时,它会将当前页面替换为目标 URL。要在新窗口或选项卡中打开目标 URL,您需要使用 window.open() 方法。

示例

考虑以下 JavaScript 代码片段:

if (command == 'lightbox') {
  location.href="https://support.wwf.org.uk/earth_hour/index.php?type=individual";
}
登录后复制

要在新选项卡中打开目标 URL,请修改代码如下:

if (command == 'lightbox') {
  window.open(
    'https://support.wwf.org.uk/earth_hour/index.php?type=individual',
    '_blank' // Makes the page open in a new window tab.
  );
}
登录后复制

在此修改后的代码中,我们使用两个参数调用 window.open() 方法参数:

  • 第一个参数('https://support.wwf.org.uk/earth_hour/index.php?type=individual')指定要打开的URL。
  • 第二个参数('_blank')表示该URL应该在新窗口选项卡中打开。

注意:也可以使用'_blank'目标值在新窗口中打开 URL。但是,对于基于窗口的目标使用“_blank”时,不同的浏览器可能有不同的行为。因此,通常建议对基于选项卡的目标使用“_blank”,对基于窗口的目标使用特定的窗口名称。

以上是如何使用 JavaScript 在新窗口/选项卡中打开 URL?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板