阻止a标签的跳转

最新推荐文章于 2024-05-03 22:21:39 发布

ou~吼

最新推荐文章于 2024-05-03 22:21:39 发布

阅读量247

点赞数 2

文章标签： css css3 javascript html5 html

本文链接：https://blog.csdn.net/ttl1076005106/article/details/103777203

版权

直接看代码

1.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<a href="http://www.baidu.com">百度一下</a>
<script type="text/javascript" src="./js/commom.js"></script><!--导入的封装函数js文件-->
<script type="text/javascript">
  // var a = document.querySelector('a');
  var a = myqs('a'); /*封装获取节点函数*/
  a.onclick = function (event) {
    event.preventDefault();/*通过event事件对象的取消默认动作*/
  }
</script>
</body>
</html>

2.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<a href="http://www.baidu.com">百度一下</a>
<script type="text/javascript" src="./js/commom.js"></script><!--导入的封装函数js文件-->
<script type="text/javascript">
  // var a = document.querySelector('a');
  var a = myqs('a'); /*封装获取节点函数*/
  a.onclick = function () {
    return false;/*直接return*/
  }
</script>
</body>
</html>

3.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<!--javascript: 后面还可以跟null , undefined , void() , void  , : -->
<a href="javascript:void (0)">百度一下</a>
</body>
</html>

ou~吼

关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
阻止a标签的跳转

直接看代码1.<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><a href="http://www.baidu.com">百度一...
复制链接

扫一扫