JavaScript 之 阻止 a 标签的默认跳转行为的三种方法

Posted 2021-09-04 Zhuangvi

1、给 a 标签的 href 属性赋值

<a href="javascript: void(0)">跳转页面</a>

 

2、给 a 标签增加一个点击事件，并且return false

<a id='aDom' href="http://baidu.com">跳转页面</a>

let aDom = document.getElementById();
aDom.onclick = function(e){
	retrun false;
}

 

3、给 a 标签增加一个点击事件，并且阻止浏览器默认行为

<a id='aDom' href="http://baidu.com">跳转页面</a>

let aDom = document.getElementById();
aDom.onclick = function(e){
	if(e.preventDefault) {
		e.preventDefault();
	} else {
		e.returnValue = false;
	}
}