用于JS活动时的理想价值?" >

用于JS活动时的理想价值?

我有一个想要在我的页面上显示的链接,

add another 

但除非我添加一个href属性,否则它看起来不像链接。 我将使用jquery向其添加.click()事件,因此它不需要任何其他内容。

什么是href的最佳价值? #javascript:void(0) ? 我担心的是,如果有人在添加.click()事件之前点击它或其他东西。 #会将它们滚动到页面顶部, void(0)看起来有点讨厌,如果他们看地址栏就没有信息……

理想的href属性是链接到一个URL,该URL将对未启用JavaScript的访问者执行相同的操作。 如果这是不必要的,我通常使用href="#"并且我没有遇到任何问题。

我的建议是让链接将它们带到一个动作,如果javascript完全关闭,它将“做正确的事情”。 我的意思是它应该产生与客户端操作相同的效果,如果可能的话,或者导致相同效果的一组步骤。 如果这不可能或不可取,那么在应用处理程序之前,不应显示链接。 也就是说,最初让它“ display: none;然后在应用事件处理程序后执行show()

 Add Another  

如果您担心使用单个#跳转到页面顶部,请尝试为锚点赋予name属性并使用#anchor-name

octothorpe(#)=是一种链接到“页面顶部”的草率方式,实际上已经没有用了。 使用它可能会导致可用性和可访问性问题。

如果您的链接实际上不像HTML链接,那么它不应该是HTML链接。

如果它是一个链接,那么它应该在href属性中有一个有效的URI。

如果你绝对必须有一个null href,那么你应该只使用:href =“javascript:;”

另一种可能性是使用元素而不是并使用:hover来设置它链接链接的样式(更改颜色,下划线,显示手形光标或任何你喜欢的)。 如果您已经在网站中设置了其他链接的样式,那么这很有效。 如果您允许链接显示为浏览器/用户指定,则此虚假链接可能看起来与站点中的真实链接不同。

HTML:

 add another 

CSS:

 .add-link:hover { text-decoration:underline; color: blue; cursor:pointer; } 

...并确保您在点击时不引人注意地使用javascript返回false,而您尚未为其设置链接。