009_阻止html标签默认事件的执行,比如阻止超链接默认点击事件的执行

需求 :

　　阻止标签默认事件的执行; 比如超链接默认点击会跳转到目的地网址

实现方式一 :  借助jquery中的　　event.preventDefault() ;  阻止元素发生默认的行为。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery-3.4.1.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>		
		<a href="http://www.baidu.com" id="a1">百度</a><br>
		<script type="text/javascript">
			$('#a1').click(function(event){
				event.preventDefault() ;
			});
		</script>
	</body>
</html>

 

实现方式二 : onclick = " return false ; "

<a href="http://www.baidu.com" onclick="return false ;">百度</a><br>

　　

综述 : 

　　第一种方法较实用,可以在函数中由逻辑判断来控制跳转事件是否发生.

　　第二种方法简单,但仅仅阻止了事件的发生,没有其他用途.

附函数中return的作用 : 

　　1. Java中return两个作用 : A : 结束函数的继续向下执行  B : 结束函数的继续执行,并结果值返回给调用者.

　　2.JavaScript中,return也有上述两种功能.

　　3.区别 : Java中return后面跟的数据类型必须与函数的声明的返回值类型一致;JavaScript中则没有该限制.在JavaScript中,任何情况下return后面都可以跟上任意类型的返回值 ;

posted @ 2020-07-21 16:31  -超级菜鸟-  阅读(629)  评论(0)    收藏  举报