A标签的默认行为及阻止
A标签的默认行为有:
- 超链接:点击A标签可以实现页面的跳转
- 锚点定位:通过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;
}
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。