按钮标签，javascript 转换为链接标签

Button tag with javascript converted to link tag

本文关键字：标签 链接 转换 javascript 按钮      更新时间：2023-09-26

我目前有一个按钮标签，当点击它时，它会执行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>

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

谢谢！

我相信

这就是你在常规链接中使用javascript的方式。

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

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

javascript 的工作方式完全相同

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

href 实际上并没有被使用（返回 false 会阻止它），但是如果没有 href，某些浏览器会不像您期望的那样设置链接的样式。

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

也不是说这可能有可访问性问题，因为对于那些没有运行javascript的人来说，你别无选择。不过，这不是现在大多数人担心的问题。:)

相关文章：