超链接单击和在浏览器地址栏中键入 URL 之间的不同浏览器行为答案

【问题标题】：Different browser behaviour between hyperlink click and type URL in browser's address bar超链接单击和在浏览器地址栏中键入 URL 之间的不同浏览器行为
【发布时间】：2018-06-29 10:36:24
【问题描述】：

我在一个 HTML 页面中有这个链接：

https://view-awesome-table.com/-L1O9CTIgXRslCew09ji/view?filterA=Citrus

这是我的 HTML 代码：

<!DOCTYPE html>
<html>
<body>

<a href="https://view-awesome-table.com/-L1O9CTIgXRslCew09ji/view?filterA=Citrus" target="_blank">
     <button type = "button"> BUTTON 2 </ button>
</a>

</body>
</html>

当我点击它时，在打开参数的页面中（?FilterA=Citrus）没有任何效果。

但是如果我在浏览器的地址栏中复制粘贴相同的链接，参数就会生效。

我不明白这些不同的结果。 我想要的结果是点击链接和在浏览器地址栏输入网址效果一样。谁能帮我理解一下？

【问题讨论】：

referer（也取决于网站的运作方式）
（Previously asked，被关闭，然后被OP编辑）
你知道button里面a是无效的吗？

标签： html url hyperlink

【解决方案1】：

你使用锚标签或按钮标签，

看到这个帖子：Can I nest a <button> element inside an <a> using HTML5?

像下面这样使用锚标签，并使用 css 来像按钮一样。

.btn{
    padding: 6px 41px;
    font-size: 16px;
     font-weight: 700;
    line-height: 1.71429
    border-radius: 5px;
    border: 2px solid;
    text-transform: uppercase;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    cursor: pointer;
    text-decoration: none;
    
  }

&lt;a href="https://view-awesome-table.com/-L1O9CTIgXRslCew09ji/view?filterA=Citrus" target="_blank" class="btn" &gt; BUTTON 2&lt;/a&gt;

【讨论】：

感谢 Axiom_shuvo 的回答。我试图听从你的建议，但不幸的是结果没有改变。 :-(
我的代码中没有任何内容，可能是 js/jquery 阻止了点击事件。有任何代码，如点击锚点 e.preventDefault(); ???????