javascript - 带有 javascript 的按钮标签转换为链接标签

Question

我目前有一个按钮标记为“提交”类型，单击它时会执行 javascript。

按钮：

<button class="glossyBtn" type="submit" value="Cancel"  onclick="goBack(); return false;">

脚本：

<script type="text/javascript">
function goBack() {
    window.history.back();
}
</script>

保存脚本：

<script type="text/javascript">
$(function () {
    $('form').submit(function () {
        $('#saveButton').attr('disabled', 'disabled');
    });
});
</script>

我想把它改成

<a class="glossyBtn" type="submit"> Cancel</a>

如何在不使用按钮标签的情况下使链接正确执行？

谢谢！

Answer 1

我相信这就是您在常规链接中使用 javascript 的方式。

<a href="javascript:goBack(); return false;" class="glossyBtn">Cancel</a>

编辑：您可以删除 type="submit" 因为它不再是一个按钮。

Answer 2

javascript的工作原理完全相同

<a class="glossyBtn" onclick="goBack(); return false;" href="#">Cancel</a>

实际上并没有使用 href（return false 会阻止它），但是如果没有 href，某些浏览器的样式会与您期望的链接不同。

请注意，我将其type作为属性删除，因为这在 HTML 中没有任何意义。

Also not that there may be accessibility issues with this since you have no alternative for those not running javascript. This is not a problem most peopel worry about these days though. :)