Javascript 使按钮成为可点击的链接（带有扭曲）

所以我有一个片段，我用它来构建一些按钮

<a href="http://google.com"><font color=white><button  class="button"><span>Register</span></button></font></a>
<button class="button" onclick="window.location='http://www.google.com';"><span>SP Training</span></button>
<button class="button"><span>Assistance</span></button>
<button class="button"><span>Orders</span></button>
<button class="button"><span>KM Milsuite</span></button>
<button class="button"><span>TMT</span></button>

SP培训
援助
命令
米尔舒特公里酒店
科技、媒体娱乐和通信

正如您所看到的，我尝试过在href中包装整个内容，我尝试过在href中包装跨度，我尝试过在href中包装字体，都失败了

好的，所以我在java世界里跋涉，尝试了一些点击（我在这个网站上发现了许多变体），但都不管用！每个按钮都是可点击的，但每个按钮都只是链接回我当前正在处理的页面。我绝对不是这方面的专家，但我希望在这方面有所让步

---

有什么建议吗？

按钮的作用是：

• 提交表单（

  type=“Submit”

  ，默认值）
• 允许触发JavaScript（

  type=“button”

  ）

正如你所看到的，我试着用href包装整个东西

HTML规范禁止这样做

我试过用href包装跨度

这个跨度似乎没有任何作用

每个按钮都是可点击的，但每个按钮都只是链接回我当前正在处理的页面

如果单击按钮正在重新加载当前页面，则它可能是表单中的提交按钮，该表单具有解析为当前页面的操作属性（或无操作属性）

如果需要链接，请使用链接，不要使用按钮

---

如果你想让你的链接看起来像一个按钮，那么就用CSS来设计它。请注意，

：active

伪类对于在单击链接时实现3d按下效果非常有用。

按钮内的span标记捕捉单击操作。您必须将跨度从“冒泡”链中去掉

最简单的方法是应用CSS并将类添加到span标记中

span.nonclickable {
    pointer-events: none;
}

之后，您可以捕捉到按钮的咔嗒声。 可在此处找到更详细的解释：

不太清楚您希望这些按钮做什么。使用a标签链接到其他页面，并使用按钮引用javascript中的操作或表单提交。

您可以尝试以下方法：

<input type="button" onclick="myF()" />

<script>
  function myF() {
    window.open('http://www.google.com', '_blank', 'resizable=yes');
  }
</script>

函数myF（）{
打开窗户http://www.google.com'、'空白'、'可调整大小=是'；
}

---

希望有帮助

我不确定他们是否会修复任何东西，但是按钮元素需要type=“button”否则默认为type=“submit”是否需要实际的按钮元素？您可以将样式设置为按钮。为什么要将它们包装在优先于单击的锚定标记中？当您单击按钮时，您必须放弃或使用外部事件处理程序来防止发生默认操作。这将阻止a href触发。请查看此处。我相信这解决了你的问题：你到底想要这些按钮做什么？他们是否应该每个链接到不同的URL？如果我删除Span，我将丢失按钮的操作，当悬停它时，它是为了执行某种操作以显示您正在悬停它，删除Span将删除操作我无法查看您的CSS以查看您对Span标记的影响。在我看来，你只是在发短信。为什么不删除span标记并将悬停效果放在按钮本身上呢。更好的是，如果您只是链接到a href属性，只需使用a-tag并根据您的喜好设置样式即可。