龙空技术网

碎片时间学编程「269]:避免为空链接使用“javascript:void(0)”

路条编程 70

前言:

目前大家对“html空链接怎么做”都比较关切,咱们都需要分析一些“html空链接怎么做”的相关资讯。那么小编在网摘上网罗了一些对于“html空链接怎么做””的相关内容,希望看官们能喜欢,我们一起来了解一下吧!

避免为空链接使用“javascript:void(0)”

有多种创建空链接的方法,但有些选项比其他选项更合适。关于它的最常见争论之一是是否应该使用 href=""、href="#" 或 href="javascript:void(0)"。

通常,您希望避免 href="javascript:void(0)",因为它会导致浏览器解析链接 URL 的值,这既昂贵又不必要。它还引入了一个潜在的 XSS 安全漏洞,因为 javascript: URL 违反了内容安全策略 (CSP)。

考虑到这一点,很明显在大多数情况下应该首选 href="" 或 href="#"。两者之间的一个主要区别是 href="#" 指向页面顶部,而 href="" 指向当前页面。这可能会产生不需要的副作用,例如滚动到页面顶部或分别出现链接样式问题。要防止其中任何一个充当链接,您可以使用 Event.preventDefault() 并使用 JavaScript 适当地处理它们。

最后,在创建空链接时,应始终考虑语义上更合适的替代方案,例如 <button>、<div> 或 <span> 标记。毕竟,一个链接应该始终表现得像一个链接,用 JavaScript 或任何其他方式劫持它迟早会遇到一些可访问性问题。

更多内容请访问我的网站:

标签: #html空链接怎么做 #空链接怎么写