如何使用HTML创建点击后打开空白新标签页的无链接按钮？

你的现有代码存在问题：target="_blank" 对 <button> 元素无效，且 location.href = '' 只会在当前页面跳转空白，无法打开新标签页。以下是两种可行的实现方案：

方案一：使用JavaScript实现 #

通过window.open()方法直接打开空白新标签页，这是最直接的方式：

<button onclick="window.open('about:blank', '_blank')">New Tab</button>

• 'about:blank' 是浏览器默认的空白页面地址，保证打开纯净的空白页
• '_blank' 参数强制在新标签页打开

方案二：用<a>标签模拟按钮（无JS依赖） #

如果希望不依赖JavaScript，可以用<a>标签配合简单CSS模拟按钮样式，同时实现功能：

<a href="about:blank" target="_blank" style="display: inline-block; padding: 6px 12px; border: 1px solid #ddd; border-radius: 4px; background: #f5f5f5; text-decoration: none; color: #333; cursor: pointer;">New Tab</a>

这种方式更符合HTML语义，兼容性也更好。

内容的提问来源于stack exchange，提问作者Wh1sper Develops