Browser HREF target='_空白';不适用于Chrome 79
使用简单的HTML代码,没有JavaScript,没有花哨的东西,我使用这个HREFBrowser HREF target='_空白';不适用于Chrome 79,browser,href,Browser,Href,使用简单的HTML代码,没有JavaScript,没有花哨的东西,我使用这个HREF <a href="https://www.example.com" target="_blank">Click here</a> 表单元素外部带有target=“\u blank”的HREF可以正常工作。只是不在表单元素内部 但仍不明白为什么会是这样……以及解决办法或解决方案 添加了更多附加代码 表单中有一个按钮,该按钮包含一个图像,按钮中的链接不会打开新选项卡 按钮的简单形式 <
<a href="https://www.example.com" target="_blank">Click here</a>
表单元素外部带有target=“\u blank”的HREF可以正常工作。只是不在表单元素内部
但仍不明白为什么会是这样……以及解决办法或解决方案
添加了更多附加代码
表单中有一个按钮,该按钮包含一个图像,按钮中的链接不会打开新选项卡
按钮的简单形式
<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/blank。第1-2-3项为表格提交文件;值需要传递到表单处理页面。表单不需要处理第四项,但它位于表单内部,因此所有四项都位于同一行。如果我将第四项(HREF/blank)放在表单外,则第四项将环绕到下一行。
标签不能像
一样在新选项卡中打开
您可以改为使用此选项:
那是一个按钮
这对我很有用。你能发布一个我相信可能会有更多内容的帖子吗。@LasseV.Karlsen代码示例已添加。它是表单中HREF内按钮内的图像。在我的示例代码中,IMG标记被HREF包围。按钮围绕着两者。因此,在我看来,这个按钮并没有处理HREF链接。表单中有三个图像,这就是为什么按钮中有图像。第四个图像需要位于表单内部(因此所有图像都以内联方式显示),但需要执行HREF/blank单击。但是您的代码可能适用于第四个按钮,必须进行测试。请注意,只有Chrome有这个问题。在FF和Edge中一切正常。
<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>