在javascript中我们用到return常常在两个地方,第一个调用方法中,第二个是在方法返回中,我们来看看它具体怎么用。
调用方法:
οnclick=”return click()”;或者οnclick=”click()”;这两个有啥区别呢?
<body>
<a href="http://www.baidu.com" onclick="return Abc()">点我啊</a>
<script type="text/javascript">
function Abc (e) {
alert("lalala");
}
</script>
</body>
<!doctype html>
<html lang="us">
<head>
<meta charset="utf-8">
</head>
<body>
<a href="http://www.baidu.com" onclick="Abc()">点我啊</a>
<script type="text/javascript">
function Abc (e) {
alert("lalala");
}
</script>
</body>
</html>
运行两个程序没有什么区别啊,那为什么要加return啊,不加多省事,来看看函数中return的三种方式:
return; return true; return false;
return:把控制权返回给页面。
return true:返回正确的处理结果。
return false:分会错误的处理结果,终止处理。
在调用函数时用return实际上是对window.event.returnvalue进行设置,如果所调函数返回的值为true将继续操作,为false则终止操作。
我们把二者结合起来看看:
<body>
<a href="http://www.baidu.com" onclick="return Abc()">点我啊</a>
<script type="text/javascript">
function Abc (e) {
alert("lalala");
return false;
}
</script>
</body>
点击后函数返回false阻止事件继续,所以不会跳转至百度页面。所以应该改成:
<body>
<a href="http://www.baidu.com" onclick="return Abc()">点我啊</a>
<script type="text/javascript">
function Abc (e) {
alert("lalala");
return true;
}
</script>
</body>
在表单处理的时候,在提交操作前会有校验的步骤,当校验成功后return true代表返回成功,进行提交步骤。如果没有在调用时用return,在提交表单方法中也没有用return true时,表单就会出错,无法提交,所以不管用哪种调用方法,有没有return,在调用的方法里return true;最保险。