Question

我目前有一个按钮标签为'submit'类型，点击它时会执行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中的任何内容。

也不是说可能存在可访问性问题，因为你没有替代那些没有运行javascript的人。尽管如此，大多数人都担心这不是问题。：）

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

2 个答案: