Question

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

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

这是我的HTML代码：

＆＃13;

<!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>

＆＃13;

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

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

我不明白这些不同的结果。 我想要的结果是点击该链接与在浏览器的地址栏中输入网址具有相同的效果。有人可以帮我理解吗？

Answer 1

Eihter你使用锚标记或按钮标记，

请参阅此帖子：Can I nest a <button> element inside an <a> using HTML5?

使用像bellow这样的锚标签并使用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;
    
  }

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

浏览器地址栏中的超链接点击和类型URL之间的浏览器行为不同

1 个答案: