html点击跳转当前页面刷新,a标签组织页面跳转，并且刷新当前页面

1、阻止a标签跳转的方式：这里一共总结了5种

第一种：

html code:

跳转

第二种：

html code:

跳转

javascript code:

function test(){

alert('javascript Code');

}

第三种

html code:

跳转

javascript code

function test(){

alert('javascript Code');

}

第四种

html code:

跳转

javascript code:

let Odom= document.querySelector('#link');

Odom.onclick = function (){

alert('javascript Code');

return false;

}

第五中

html code:

跳转

javascript code:

let Odom = document.querySelectOr('#link');

Odom.onclick = function (){

alert('javascript Code');

}

2.可以使用Ajax将删除的数据id发送到后台。后台删除成功之后在回调函数中删除当前的DOM元素即可做到无刷新