首页 > 其他 > 详细

第二节:阻止超链接的跳转

时间:2019-01-15 13:28:47      阅读:128      评论:0      收藏:0      [点我收藏+]
第一种写法:

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
//阻止超链接的默认的跳转:return false

</script>
<a href="http://wwww.baidu.com" onclick="alert(‘哎呀,我被点了‘);return false">百度</a>
</body>
</html>

第二种写法:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
function f1(){
  alert("哎呀,好漂亮啊!");
  return false
}
//阻止超链接的默认的跳转:return false

</script>
<a href="http://wwww.baidu.com" onclick="return f1()">百度</a>
</body>
</html>
第三种写法:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>

<a href="http://wwww.baidu.com" id=“ak”>百度</a>
<script>
  document.getElementById("ak").onclick = function(){
  alert("哎呀,被点了");
  return false;
}
</script>
</body>
</html>

第二节:阻止超链接的跳转

原文:https://www.cnblogs.com/hcx123/p/10270904.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!