方式一
语法格式：
<a href="javascript:;">百度</a>
javascript: 是一个伪协议，其他的伪协议还有 mail: tel: file: 等等。
javascript:是表示在触发<a>默认动作时，执行一段JavaScript代码，而 javascript:; 表示什么都不执行，这样点击<a>时就没有任何反应。
方式二
语法格式：
<a href="javascript:void(0)">百度</a>
void 是JavaScript 的一个运算符，void(0)就是什么都不做的意思，这样点击 a 标签不会跳出任何链接中。
方式三
语法格式：
<a id='a' href=URL>百度</a>
<script>
var a = document.getElementById('a');
a.onclick = function() {
// 方法体
return false；
}
</script>
为 a 标签绑定一个点击事件，事件的返回值为 false ，这样 a 链接就不会跳转。
方式四
语法格式：
<a id="a" href="http://www.baidu.com">百度</a>
<script>
var a = document.getElementById("a");
a.onclick = function(e) {
// 方法体
e.preventDefault // DOM标准取消默认行为的方法，IE老版本不支持 e.returnValue = false; // IE 的老版本，非标准方式，取消默认行为
}
</script>