JavaScript-阻止事件的默认行为

A 标签的默认行为及阻止

A 标签的默认行为有：

1. 超链接：点击 A 标签可以实现页面的跳转
2. 锚点定位：通过 hash 值定位到当前页面制定 ID 盒子的位置。

在项目中，如果我们想用 A 标签做一个按钮（优点：它的：hover 样式是兼容所有浏览器的），此时需要阻止上面的 2 个默认行为。

<a href="wwww.baidu.com">baidu</a>
<a href="wwww.baidu.com" target="_blank">baidu</a>

// 阻止 A 标签的默认行为，第一种
<a href="javascript:;"></a>
<a href="javascript:void 0;"></a>


// 阻止 A 标签的默认行为，第二种（优化 SEO）<a href="www.baidu.com" id='link'></a>
link.onclick = function(){
// 当点击 A 标签的时候，首先会触发 click 事件，其次会按照 href 的地址进行页面跳转
    return false;// 函数中返回 false，而且只能是 false  才可以组织默认行为。}

// 阻止 A 标签的默认行为，第三种 (通过事件对象阻止默认行为)
link.onclick = function(){
    e=e||window.event;
    e.preventDefault? e.preventDefault():e.returnValue=false;}