【js】超链接取消默认跳转行为

前言

最近在学习js的一些基础知识，遇到的一些小问题，都会记录下来

超链接取消默认跳转行为

问题描述：在点击超链接之后，不想让它跳转页面。

第一种方法：
链接填写javascript:;,表示不跳转而是执行js代码。

<a href ="javascript:;"></a>

第二种方法：
在事件的响应函数中加上return false，会取消事件的默认行为。
注意！但是只生效于xxx.xxx = function(){}形式绑定的事件中！

const links = document.links//获取所有超链接的节点
for(let i = 0;i<links.length;i++){
    links[i].onclick = function(){
        return false
    }
}

第三种方法：
在事件的响应函数中加上e.preventDefault()，这个函数可以阻止默认事件的发生（有默认事件的才有效，比如a，input type=submit）。

const a = document.querySelector("a")
a.addEventlistener('click',e=>{
	e.preventDefault();
})