阻止a标签跳转的两种方式
2019-05-07 本文已影响0人
椋椋夜色
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title> 阻止a标签跳转的两种方式 </title>
阻止a标签跳转的两种方法：
1.给它再加一个点击事件，在点击事件里return false
2.改href把href改成 javascript:void(0) 简写形式 javascript:
</head>
<body>
<a href="https://www.baidu.com" id="a">点击跳转</a>
<a href="javascript:void(0)">阻止a标签跳转方式2</a>
<a href="javascript:">简版阻止a标签跳转方式2</a>
<script>
// 阻止a标签跳转方式1
document.getElementById('a').onclick = function () {
// 告诉浏览器：这次点击不要再跳转了
return false;
}
</script>
</body>
</html>
