按钮标记与JavaScript转换为链接标记

我目前有一个按钮标签的'提交'类型，当点击它执行JavaScript。按钮标记与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>

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

谢谢！

来源

2012-08-13 Masriyah

你到底想做什么？你不想使用JavaScript？ – MJQ 2012-08-13 15:47:13

@MJQ否，OP不想使用'

那么wolfram已经给出了答案！ – MJQ 2012-08-13 15:55:43

我相信这是你如何使用JavaScript的常规链接。

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

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

来源

2012-08-13 15:44:25 fvgs

谢谢 - 这很好。如果我有另一种形式的脚本，如上面添加到我的原始问题 - 保存脚本。我如何将它添加到href - 只需将一个名称添加到该函数并调用它？ – Masriyah 2012-08-13 16:44:15

没错。您可以在href中使用相同的格式来调用您拥有的任何JavaScript函数。同样，你可以在同一个href中调用多个函数。 – fvgs 2012-08-13 17:01:46

仍然有一些麻烦，所以我创建了另一个问题。 http://stackoverflow.com/questions/11940773/trouble-calling-javascript-from-href – Masriyah 2012-08-13 19:14:22

JavaScript的工作方式完全相同

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

的HREF为没有实际使用（返回假阻止它），但是有些浏览器将样式事情并不像你所期望的链接，如果没有HREF。

请注意，我删除了type作为属性，因为这不代表HTML中的任何内容。

也不是说有可能存在的可访问性问题，因为你没有替代那些没有运行JavaScript。尽管这些日子人们最担心的不是这个问题。 :)

来源

2012-08-13 15:53:57 Chris

按钮标记与JavaScript转换为链接标记

回答

相关问题