使用简单的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个项目将环绕到下一行。一个
<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>