<a href="javascript:void(0)" id="loginlink">login</a>
我见过很多次这样的威胁,但我不知道这到底意味着什么。
<a href="javascript:void(0)" id="loginlink">login</a>
我见过很多次这样的威胁,但我不知道这到底意味着什么。
当前回答
值得一提的是,检查undefined时有时会看到void 0,因为它需要更少的字符。
例如:
if (something === undefined) {
doSomething();
}
对比:
if (something === void 0) {
doSomething();
}
为此,某些缩小方法将undefined替换为void 0。
其他回答
链接必须指定href目标,才能使其成为可用的显示对象。
大多数浏览器不会在<a>元素的href中解析高级JavaScript,例如:
<a href="javascript:var el = document.getElementById('foo');">Get element</a>
由于大多数浏览器中的href标记不允许空白或将空白转换为%20(空格的十六进制代码),JavaScript解释器将遇到多个错误。
因此,如果要使用<a>元素的href来执行内联JavaScript,必须首先为href指定一个不太复杂的有效值(不包含空格),然后在事件属性标记中提供JavaScript,如onClick、onMouseOver、onMouseOut等。
典型的答案是这样做:
<a href="#" onclick="var el = document.getElementById('foo');">Get element</a>
这很好,但它会使页面滚动到顶部,因为告诉浏览器这样做。
在<a>元素的href中放置#指定根锚点,默认情况下,根锚点位于页面顶部,但您可以通过在<a<元素中指定name属性来指定不同的位置。
<a name="middleOfPage"></a>
然后,您可以更改<a>元素的href以跳转到middleOfPage并在onClick事件中执行JavaScript:
<a href="#middleOfPage" onclick="var el = document.getElementById('foo');">Get element</a>
很多时候,你不想让链接跳来跳去,所以你可以做两件事:
<a href="#thisLinkName" name="thisLinkCame" onclick="var elem = document.getElementById('foo');">Get element</a>
现在,单击它时,它将无法移动,但可能会导致页面从当前视口重新居中。
使用<a>元素的href使用内联javascript的最佳方法是javascript:void(0);:
<a href="javascript:void(0);" onclick="var el = document.getElementById('foo');">Get element</a>
这告诉浏览器不要去任何地方,而是执行JavaScript:void(0);函数,因为它不包含空格,并且不会被解析为URL。它将由编译器运行。
void是一个关键字,当提供参数0时,该关键字返回undefined,它不使用任何更多的资源来处理在不指定0的情况下会出现的返回值(它更便于内存管理/性能)。
接下来会执行onClick。页面不会移动,显示时不会发生任何事情。
据我所见,void运算符在JavaScript中有3种常见用法。您所指的<a href=“javascript:void(0)”>是使<a>标记成为no-op的常见技巧。有些浏览器根据是否有a href来区别对待<a>标记,因此这是一种创建与a href链接的方法,但什么都不做。
void运算符是一个接受参数并返回undefined的一元运算符。因此var x=空隙42;表示x===未定义。这很有用,因为在严格模式之外,undefined实际上是一个有效的变量名。因此,一些JavaScript开发人员使用void 0而不是undefined。理论上,您也可以执行<a href=“javascript:undefined”>,这与void(0)相同。
使用javascript:void(0)意味着HTML的作者误用了锚元素而不是按钮元素。
锚标记经常与onclick事件一起滥用以创建通过将href设置为“#”或“javascript:void(0)”防止页面刷新。这些值会导致意外复制/拖动链接时的行为,在新的标签/窗口、书签以及当JavaScript仍在下载时,出错或被禁用。这也向辅助技术(例如屏幕阅读器)。在这些情况下建议改用<button>。通常,您只应使用使用正确URL导航的锚点。
资料来源:MDN的<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>
值得一提的是,检查undefined时有时会看到void 0,因为它需要更少的字符。
例如:
if (something === undefined) {
doSomething();
}
对比:
if (something === void 0) {
doSomething();
}
为此,某些缩小方法将undefined替换为void 0。