Javascript和锚标签，最佳实践？ [英] Javascript and Anchor Tags, Best Practice?

问题描述

我们应该将Javascript放在HREF中还是使用onClick（event）？

是否有任何优点/缺点使用任何一个。就个人而言，我认为只需将代码放入href中就可以更简单，更简单，并且不必返回false或担心跳到＃

是否存在任何已知的浏览器特定问题每种方法......

示例：

 < a href =javascript：alert（'foo！'）;>点击我< / a> 
< a href =＃onClick =alert（'foo！'）; return false>点击我< / a> 
< a href =javascript：void（0）onclick =alert（'foo！'）;>点击我< / a> 
  

解决方案

1）而是使用onclick。在JS不允许的情况下，请确保在 href 中有一个理性的回退网址。

$ b 2） c $ c> onclick =...，你应该使用事件处理程序。
使用jQuery或XPath查找元素，然后为每个元素调用 element.addEventListener（）。

  element.addEventListener（click，function（）{alert（bar）;}，false）; 
  

或以前的方式...

  element.onclick = function（）{alert（foo）; }; 
  

Quick Question.

Should we put Javascript in the HREF or use onClick (event)?

Are there any pros/cons to using either one. Personally I think it's easier/cleaner to simply put code in the href, and not have to return false or worry about jumping to #

Are there any known browser specific issues with each method...

Examples:

<a href="javascript: alert('foo!');">Click Me</a>
<a href="#" onClick="alert('foo!');return false">Click Me</a>
<a href="javascript:void(0)" onclick="alert('foo!');">Click Me</a>

解决方案

1) Rather use onclick. Be sure to have a rational fallback URL in href when JS is not allowed.

2) Rather than onclick="...", you should use event handler. Find elements using jQuery or XPath, and then for each, call element.addEventListener().

element.addEventListener("click", function() { alert("bar"); }, false);

Or the old way...

element.onclick = function() { alert("foo"); };

这篇关于Javascript和锚标签，最佳实践？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！