如何使用 onclick="javascript:location.href" 打开新标签页？

Posted 2023-02-22

【中文标题】如何使用 onclick="javascript:location.href" 打开新标签页？

【英文标题】：How to open new tab using onclick="javascript:location.href"?

【发布时间】：2017-06-03 17:42:05

【问题描述】：

我想知道是否有办法使用“javascript:location.href”打开一个新标签。我无法使用其他方法打开链接，因为它需要在加载时获取我网站的某个成员的 ID。我也无法制作 javascript 函数，因为我有多个要打开的链接。

target="_blank" //didn't work

这是我的一段代码：

<a onclick="javascript:location.href='website.com' + location.search"><a/>

如果有其他方法可以做到这一点，请告诉我。

【问题讨论】：

不可能_blank 不起作用

将其保存在函数中并使用window.open

【参考方案1】：

PHP 用户

$url = '***.com';
<a onclick="window.open(<?php echo $url ?> + location.search)">Website<a/>

【参考方案2】：

使用它会打开新窗口。

 `<button 
onclick="window.open
(this.href,'popUpWindow','height=600,width=600,left=10,top=10,,
scrollbars=yes,menubar=no'); 
return false;" >
new window
</button>`

【参考方案3】：

当然，您的场景并不像我在下面写的那么简单，但请查看我的 sn-p。它动态提取一个值并将其附加到锚点。它将在新选项卡中打开。

var id = document.getElementById('id').innerhtml
document.getElementById('pseudo-dynamism').href += '?id='+ id

  <div id="main">
    <div id="member-details" class="question" data-answered="False">
       <span id="id">23</span>
    </div>
    <hr>
    <a href="http://example.com" id="pseudo-dynamism" target="_blank">Click</a>	
  </div>

【参考方案4】：

为什么不使用 window.open 。

<a onclick="window.open('website.com' + location.search)"><a/>

【讨论】：

这将打开一个新窗口而不是标签

@JalpeshVadgama：没必要。在现代浏览器中，window.open 将在新选项卡而不是弹出窗口中打开。另外，它取决于浏览器设置

window.open('your url', '_blank'); ，检查***.com/a/19852472/3256489

工作就像一个魅力，太棒了