网页中空链接几种实现方法的区别

<a href=”#”>设计蜂巢</a>、<a href=”javascript:void(0)”>设计蜂巢</a>、<a href=”javascript:;”>设计蜂巢</a>都可以实现空链接,下面来具体认识一下它们之间的区别。

一、”#”:”#”表示锚链接,默认为#top.如地址不存在则不会发生页面跳转。常见用法href=”###”。

二、”javascript:void(0)”:JavaScript中void是一个运算符,字面意思是“无效”.
void 运算符对任何值返回 undefined。该运算符通常用于避免输出不应该输出的值,例如,从 HTML 的 <a> 元素调用 JavaScript 函数时。要正确做到这一点,函数不能返回有效值,否则浏览器将清空页面,只显示函数的结果。例如:
Click me

Click me

如果把这行代码放入 HTML 页面,点击其中的链接,即可看到屏幕上显示 “[object]”(IE下)。
这是因为 window.open() 方法返回了新打开的窗口的引用。然后该对象将被转换成要显示的字符串。
要避免这种效果,可以用 void 运算符调用 window.open() 函数:
Click me

Click me

这时 window.open() 调用返回 undefined,它不是有效值,不会显示在浏览器窗口中。
提示:请记住,没有返回值的函数真正返回的都是 undefined。

三、”javascript:;”:相当于执行一个空的javascript函数,如:<script></script>所以不会返回任何值。

三种方法都可以实现空链接,也是比较常见的方法。例如QQ空间就是采用的javascript:;,而互动百科采用的是javascript:void(0),用过WEB QQ的都知道是采用的“###”的方法。
三种方法从视觉上javascript:;和javascript:void(0)略胜一筹。仅从字符长度来讲个人倾向于javascript:;孰好孰坏谁用谁知道。
更多空链接方法:《网页中空链接样式的几种解决方案》

发表评论

电子邮件地址不会被公开。 必填项已用*标注