HREF target ='_ blank'在Chrome 79中不起作用

Question

使用简单的HTML代码，没有JavaScript，没有花哨的东西，我使用此HREF

<a href="https://www.example.com" target="_blank">Click here</a>

单击IE，FireFox，Edge中的链接会在单击时为https://www.example.com打开一个新选项卡。在Chrome浏览器（版本79）中，单击仅会重新显示当前页面。

[这发生在Chrome台式机和手机（Android）上。我的Chrome安装没有插件。未安装弹出窗口或广告拦截。

为什么使用target="_blank"时Chrome为什么不打开新标签页？谢谢。

已添加

问题似乎是HREF位于FORM元素内。 FORM元素如下：

<form action='' method='post'> 

在FORM元素外部具有target =“ _ blank”的HREF正常工作。只是不在FORM元素内。

但是对于为什么会是这种情况……以及解决方法或解决方案，仍然感到困惑。

添加了更多-加代码

表单内有一个按钮，并且该按钮包含图像，并且按钮中的链接不会打开新的选项卡。

带有按钮的简单表单

<form action='' method='post'>
    <p>inside the form</p> 
 <p><button><a href="https://www.bklnk.com/B004RVZRL0" target="_blank"><img src="https://via.placeholder.com/150 " width="24" height="24"  class='button_img' alt='delete' /></a> that's a button</button></p>  
 <p><button><a href="https://www.bklnk.com/B004RVZRL0" target="_blank">that's a button</a> </button></p>    
</form>

因此，即使进行了进一步的测试，当HREF包裹在带有表单内图像的按钮周围时，单击打开新选项卡的操作在Chrome中将无效。但是可以在FireFox和Edge中使用。

为什么？

表格中有四个图像/按钮。第四个是HREF /空白。项目1-2-3为表格提交；值需要传递到表单处理页面。表单不需要处理第四个项目，但是它位于表单内部，因此所有四个项目都在同一行上。如果我将第4个（HREF /空白）放置在表格之外，则第4个项目将环绕到下一行。一个

Answer 1

<button>标签无法像<a>一样在新标签页中打开。

您可以改用它：

<p>
  <button onClick="window.open('https://www.bklnk.com/B004RVZRL0');">
    <img src="https://via.placeholder.com/150 " width="24" height="24" class='button_img' alt='delete' />
    that's a button
  </button>
</p>