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;
}

大煜儿
103 声望7 粉丝

用心走路,给每一个细节打一个结。