Question

href="javascript:void();" 这样写的危害。。害死人啊

我的问题是，，，这样写有什么危害？？
比如一个link，加上这段代码之后，点击之后，什么都不做，也不会跳转。。

Answer 1

href="javascript:void(0);"本身没有任何危害啊，表示这是一个空链接。如果想在网页上用a标签，但又不想产生页面实际跳转动作，就可以这么做。下面是一些用法对比：

<a>点我</a> ---这样是无效的，HTML规范规定a标签必须有href属性，否则的话就会失去“链接”的外观及作用；
<a href="">点我</a> ---空白的href属性实际上并不空白，它代表当前页，也就是说点击后页面会自动刷新一下；
<a href="#">点我</a> ---这是比较普遍的用法，但是点击后页面会自动跳到页头，所以并不完美；
<a href="javascript:void(0);">点我</a> ---这个是真正的空链接，点击后不会出现任何动作，但要注意它存在浏览器兼容问题，不是什么浏览器都支持的。

再一次强调，它没有危害，它就是用在“点击之后，什么都不做，也不会跳转”的场合的！如果你的目的不是这样的，那就不要加！！！

Answer 2

使用
javascript:void(0);
注意最后那个分号一定要有，不然有的浏览器仍然会有问题
也可以使用
javascript:;

这样做不是有啥危害
因为a标签要生效，必须有href属性，有时候是为了给这些链接添加额外事件（比如跳转前先验证啥），可以添加onclick事件，因为要往事件里跑，所以不能让网页跳到href上的链接上去，而且因为浏览器的不同实现
对于阻止a标签的默认跳转事件的方法是不一样的
比如
<a href="xxxbdxxx" onclick="doclick()">click me</a>
如果这样写，点击的时候，肯定会跑到链接里去
想要阻止只能是
function doclick(){
var e = window.event|arguments[0];
if (e.preventDefault) {
// 其他浏览器这样阻止
e.preventDefault();
} else {
//ie 下要这样才能阻止
e.returnValue = false;
}
}

但是这样写不但增加了代码量，还增加了判断，对于以后如果有其他不同实现，还得添加其他判断，所以使用
javascript:void(0);
javascript:;
这种浏览器普遍识别的方式

Answer 3

<A href="javascript:void(0)">点击</a>点击链接后不会回到网页顶部
<A href="#">点击</a> 点击后会回到网面顶部
<A href="其它网址地址">点击</a>点击链接后跳到链接网址