<a href="javascript:void(0)" id="loginlink">login</a>
我见过很多次这样的威胁,但我不知道这到底意味着什么。
<a href="javascript:void(0)" id="loginlink">login</a>
我见过很多次这样的威胁,但我不知道这到底意味着什么。
当前回答
void是一个运算符,用于返回未定义的值,因此浏览器将无法加载新页面。
除非是返回null的JavaScript函数,否则Web浏览器将尝试将使用的任何内容作为URL并加载它。例如,如果我们单击如下链接:
<a href="javascript: alert('Hello World')">Click Me</a>
然后将显示一条警报消息,而不加载新页面,这是因为警报是一个返回空值的函数。这意味着,当浏览器尝试加载新页面时,它会看到null,并且没有任何内容可加载。
关于void运算符需要注意的一点是,它需要一个值,并且不能单独使用。我们应该这样使用:
<a href="javascript: void(0)">I am a useless link</a>
其他回答
使用javascript:void(0)意味着HTML的作者误用了锚元素而不是按钮元素。
锚标记经常与onclick事件一起滥用以创建通过将href设置为“#”或“javascript:void(0)”防止页面刷新。这些值会导致意外复制/拖动链接时的行为,在新的标签/窗口、书签以及当JavaScript仍在下载时,出错或被禁用。这也向辅助技术(例如屏幕阅读器)。在这些情况下建议改用<button>。通常,您只应使用使用正确URL导航的锚点。
资料来源:MDN的<a>页面。
除了技术答案之外,javascript:void还意味着作者做错了。
没有充分的理由使用javascript:伪URL(*)。在实践中,如果有人尝试“书签链接”、“在新选项卡中打开链接”等操作,这会导致混乱或错误。现在人们已经习惯了用鼠标中键单击新选项卡:它看起来像一个链接,你想在新的选项卡中阅读它,但事实证明它根本不是一个真正的链接,并且在使用鼠标中键时会产生不想要的结果,如空白页面或JS错误。
<a href=“#”>是一种常见的替代方案,可以说可能不那么糟糕。但是,您必须记住从onclick事件处理程序返回false,以防止链接被跟踪并滚动到页面顶部。
在某些情况下,可能有一个实际有用的地方可以指向链接。例如,如果您有一个控件,可以单击它打开一个以前隐藏的<div id=“foo”>,那么使用<a href=“#foo”>链接到它是有意义的。或者,如果有一种非JavaScript的方式来做同样的事情(例如,‘thispage.php?show=foo’将foo设置为可见),您可以链接到它。
否则,如果链接只指向某个脚本,那么它就不是真正的链接,不应该被标记为链接。通常的方法是将onclick添加到不带href的<span>、<div>或<a>中,并以某种方式对其进行样式设置,以明确您可以单击它。这就是StackOverflow〔在撰写本文时所做的;现在它使用了href=“#”〕。
这样做的缺点是你失去了键盘控制,因为你不能点击span/div/bare-a或用空格激活它。这是否真的是一个缺点,取决于元素打算采取什么样的行动。您可以通过在元素中添加tabIndex并监听空格键来尝试模拟键盘的可交互性。但它永远不会100%再现真实的浏览器行为,尤其是因为不同的浏览器对键盘的响应不同(更不用说非视觉浏览器)。
如果你真的想要一个不是链接但可以通过鼠标或键盘正常激活的元素,你需要的是一个<button type=“button”>(或者<input type=“button”>对于简单的文本内容也是一样好的)。如果需要,您可以始终使用CSS对其进行重新设置样式,使其看起来更像链接而不是按钮。但由于它的行为就像一个按钮,所以你真的应该这样标记它。
(*:无论如何,都是在网站内创作。显然,它们对bookmarklets很有用。javascript:伪URL是一种概念上的奇怪之处:一种定位器,它不指向某个位置,而是调用当前位置内的活动代码。它们对浏览器和网络应用程序都造成了巨大的安全问题,网景公司不应该发明它。)
#vs javascript:void(0);的行为存在巨大差异;。
#滚动到页面顶部,但javascript:void(0);没有。
如果您正在对动态页面进行编码,这一点非常重要,因为当用户单击页面上的链接时,他们不想返回页首。
值得一提的是,检查undefined时有时会看到void 0,因为它需要更少的字符。
例如:
if (something === undefined) {
doSomething();
}
对比:
if (something === void 0) {
doSomething();
}
为此,某些缩小方法将undefined替换为void 0。
Web开发人员使用javascript:void(0),因为这是防止标记默认行为的最简单方法。void(*anything*)返回undefined,它是一个错误的值。返回falsy值类似于在标记的onclick事件中返回false,该事件阻止其默认行为。
所以我认为javascript:void(0)是防止标记默认行为的最简单方法。