Javascript -- return false / true

最新推荐文章于 2023-05-29 15:05:39 发布

原创最新推荐文章于 2023-05-29 15:05:39 发布 · 581 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #function #action

Javascript 专栏收录该内容

16 篇文章

订阅专栏

本文讲解如何通过返回false阻止HTML元素如<a>和表单的默认行为，并解释了为何通常使用return与函数结合的方式来实现这一目的。

在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.例如,默认情况下点击一个<a>元素,页面会跳转到该元素href属性指定的页.
Return False 就相当于终止符，Return True 就相当于执行符。

然后你需要明白的是，比方说我们点击submit以后，他会首先处理我们自定义的方法，然后转而去执行默认方法，也就时提交订单。你应该把它想象成两个函数来实现的。默认方法我们都该不了，但是我们可以决定是否执行默认方法。上面的流程如下所示。

//onclick 在未对onclick设置自定义触发函数的形式
function onclick(){
	default();
}
//设置触发函数后的形式
<form type="submit" value="submit" onclick = "a()"
function onclick(){
	a();
	default();
}

这个时候，a()的返回不会对default()造成影响，它还会持续执行下去。但是如果这个时候你改为return a()，并且最后a()的值为false的话，default()就不会执行了。所以这个就是为啥你会经常看到"return a()"，因为a()内不论有多少return false，它对onclick的默认函数都不会有影响。

<form action="index.jsp" method="post" onsubmit="submitTest();">
</form>
<script LANGUAGE="JavaScript">
<!--
    function submitTest(); {
        // 一些逻辑判断
     return false;
    }
</script>

这里面表单会正常提交的。要把submitTest与提交订单看成是两个函数来完成的。如果不想让他提交改为:

<form action="index.jsp" method="post" onsubmit="return submitTest();">