HTML中onclick属性的return用法，并实现一个简单的页面跳转确认

本文链接：https://blog.csdn.net/weixin_44457527/article/details/99771437

首先，我们创建一个简单的超链接，当点击“CSDN”时，会跳转到CSDN的主页。

<a href="https://www.csdn.net/">CSDN</a>

这时，我们添加一个弹窗，当你点击“CSDN”时，会告诉你刚刚我们完成了跳转。

<a href="https://www.csdn.net/" onclick="f1()">CSDN</a>
<script language="javascript">
	function f1(){
		alert("已跳转")；
	}
</script>

那么return有什么作用呢？它会获取f1()中的返回值（布尔类型有效），如果返回值为false会阻止跳转动作的发生。
就像下面的代码一样，点击“CSDN”时只会出现弹窗，而不发生跳转。

<a href="https://www.csdn.net/" onclick="return f1()">CSDN</a>
<script language="javascript">
	function f1(){
		alert("无法跳转")；
		return false;
	}
</script>

利用return这个神奇的功能，我们可以写一个页面跳转确认的弹窗，就像下面的代码一样。

<a href="https://www.csdn.net/" onclick="return f1()">CSDN</a>
<script language="javascript">
	function f1(){
		return confirm("是否跳转")；
	}
</script>

注释：这里所有的HTML代码均只写了<body/>中的内容。