html空链接跳转,网页中空链接几种实现方法的区别

设计蜂巢、设计蜂巢、设计蜂巢都可以实现空链接，下面来具体认识一下它们之间的区别。

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

二、”javascript:void(0)”：JavaScript中void是一个运算符，字面意思是“无效”.

void 运算符对任何值返回 undefined。该运算符通常用于避免输出不应该输出的值，例如，从 HTML 的 元素调用 JavaScript 函数时。要正确做到这一点，函数不能返回有效值，否则浏览器将清空页面，只显示函数的结果。例如：

Click me

如果把这行代码放入 HTML 页面，点击其中的链接，即可看到屏幕上显示 “[object]”(IE下)。

这是因为 window.open() 方法返回了新打开的窗口的引用。然后该对象将被转换成要显示的字符串。

要避免这种效果，可以用 void 运算符调用 window.open() 函数：

Click me

这时 window.open() 调用返回 undefined，它不是有效值，不会显示在浏览器窗口中。

提示：请记住，没有返回值的函数真正返回的都是 undefined。

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

三种方法都可以实现空链接，也是比较常见的方法。例如QQ空间就是采用的javascript:;，而互动百科采用的是javascript:void(0)，用过WEB QQ的都知道是采用的“###”的方法。

三种方法从视觉上javascript:;和javascript:void(0)略胜一筹。仅从字符长度来讲个人倾向于javascript:;孰好孰坏谁用谁知道。

更多空链接方法：《网页中空链接样式的几种解决方案》