何时使用HTML中的onclick？ [英] When to use onclick in HTML?

问题描述

对于标签，您可以通过href或onclick执行javascript。

何时应该我使用onclick而不是href？

对我来说，唯一的好处是我可以通过onclick获得隐藏的JavaScript函数名称和参数。

解决方案

理想情况下，您不会使用任何一种。理想情况下，你的链接是一个普通的超链接，引用片段（ #foo ）或URL的 href 值。理想情况下，链接也可以像Javascript一样运行。

然后，您可以使用不引人注意的Javascript ，它根据需要附加到链接或其他DOM元素，并且只有在Javascript可用时：

 < a href =/ some / actionid =foobar>执行一些操作！< / a> 
 
< script type =text / javascript> 
 document.getElementById（'foobar'）。addEventListener（'click'，function（）{
 //做某事
}，false）; 
< / script> 
  

HI,

For a tag, you can execute javascript through href or onclick.

When should I use onclick instead of href?

for me, only advantage I get with onclick is that you can hide javascript function name and parameters from your visitors.

解决方案

Ideally you won't use either. Ideally your link is a normal hyperlink with an href value referencing a fragment (#foo) or URL. Ideally the link would just work as-is without Javascript, too.

You'd then use unobtrusive Javascript that attaches itself to links or other DOM elements as needed and only if Javascript is available:

<a href="/some/action" id="foobar">Do some action!</a>

<script type="text/javascript">
    document.getElementById('foobar').addEventListener('click', function () {
        // do something
    }, false);
</script>

这篇关于何时使用HTML中的onclick？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！