javascript:,javascript:void(0)的作用和含义

经常写js或者有写过js的童鞋，肯定见过<a href="javascript:">web教程网</a>或者<a href="javascript:void(0)">web教程网</a>这种写法。

javascript:是一种伪协议。他的作用可以有如下2点：

1、javascript:是表示在触发<a>默认动作时，执行一段JavaScript代码，而 javascript:; 表示什么都不执行，这样点击<a>时就没有任何反应。

2、href="javascript:" 主要作用让它有超链接样式的作用 ，看起来像个按钮（如：想鼠标移过，变成手形），有操作不是文本。一般都是页面切图布局的时候用的a标签代替了button。因为IE6,7的年代兼容性一直让人头痛。

javascript:void(0)又是什么意思呢？

void是javascript的运算符，意思是：只执行表达式，但没有返回值。

语法为：

javascript：void (expression)

我们可以使用void操作符指定超级链接，如javascript：void(document.form.submit())。表达式会被计算但是不会在当前文档处装入任何内容，void(0)计算为0，但在JavaScript上没有任何效果，也就是说 <a href="javascript：void(0)">的效果同<a href="javascript：void(1)">的效果是一样的。 关键是只要知道void是javascipt自身的操作符，它表示的是只执行表达式，但没有返回值！

void(0)就是什么都不做的意思。

不管javascript:;还是javascript:void(0)都是为了阻止a标签的默认行为，既页面跳转动作。

我们也可以<a href="#" onclick="javascript:return false;">这样写， 作用同上，不同浏览器会有差异。

但是如果用onclick的话，则多些了好多字符，用javascript:;是最简单的。

除此2种之外，还可以用

<a href="#">这种形式，#是锚点。可以在本页面跳转到页面的不同位置。#bottom，跳转本页面ID为bottom的位置。如果只写一个#，这样你的页面会有滚动，出现页面滚动到头部的效果，不是友好。

更推荐的写法是<a href="##">或者<a href="####">这种形式。