关于javascript中的 return false和return true，return 是javascript里函数返回值的关键字，一个函数内处理的结果可以使用return 返回，这样在调用函数的地方就可以用变量接收返回结果。return 关键字内任何类型的变量数据或表达式都可以进行返回，甚至什么都不返回也可以比如：

function NullReturn(IsNull){

    if(IsNull==true){

        return;

    }

}

这样写也是可以的，这里的意思是返回空(null)

表单上使用return

所以有的时候return 的作用就是用来终止函数执行，比如：

不加return的情况：

<html>

<head>

<title>return验证测试</title>

<script language="javascript">

    function Login_Click(){

        if(document.form1.UsName.value==""){

            alert('用户名为空');

        }

        if(document.form1.UsPwd.value==""){

            alert('密码为空');

        }

        alert('登陆成功');

    }

</script>

</head>

<body>

    <form name="form1">

        <input type="text" name="UsName" >用户名

        <input type="password" name="UsPwd">密码

        <input type="button" name="Login" onClick="Login_Click();" >登陆

    </form>

</body>

</html>

加return的情况：

<html>

<head>

<title>return验证测试</title>

<script language="javascript">

    function Login_Click(){

        if(document.form1.UsName.value==""){

            alert('用户名为空');

            return；

        }

        if(document.form1.UsPwd.value==""){

            alert('密码为空');

            return;

        }

        alert('登陆成功');

    }

</script>

</head>

<body>

    <form name="form1">

        <input type="text" name="UsName" >用户名

        <input type="password" name="UsPwd">密码

        <input type="button" name="Login" onClick="Login_Click();" >登陆

    </form>

</body>

</html>

运行就会发现加return 和不加return 的区别，最简单的测试办法，上面的两个例子什么都不输入直接登陆

不加return的现象是先提示用户名没输入，然后提示密码没输入；加了return之后遇到一个没输入之后就不再继续检测

return false表示返回一个false值，也就是说提交是不成功的，就是不会提交上去。

return true表法返回一个true值，也就是提交了，不管你输入没有输入值，都会提交到action指定页面。

a标签上使用return

在a标签中使用return false阻止默认行为

<a href="javascript:showPic('a.png'); return false" ></a>

这种使用伪协议的方式是不推荐的，主要想说的是return false

上面代码在执行完showPic函数之后就会直接执行return false来禁止a标签默认跳转的行为

优化写法：

for (var i=; i<links.length; i++) {

       links[i].onclick = function () {

             showPic('a.png');

             return false;

       }

}

javascript中的 return false和return true的更多相关文章

  1. js中return、return false 、return true各自代表什么含义

    return语句代表需要返回一个值,如果不需要就不需要使用return语句.都类似一个出口,return 可以结束方法体中 return后面部分代码的执行.return false 或者 return ...

  2. JS return false 与 return true

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

  3. return false 和 return true

    常规用法 在普通函数中:return 语句终止函数的执行,并返回一个指定的值给函数调用者,一般会用一个变量接收这个返回值再进行其它处理.如果未指定返回值,则返回 undefined 其中,返回一个函数 ...

  4. JavaScript中 return; 、return false; 与return true的区别

    工作中有时候用到  return; ,有时候用到  return false;  还有时候会用到  return true; 这三个到底是什么区别?为什么一会这个一会又那个! 1.先看下return ...

  5. js中return false，return，return true的使用方法及区别

    起首return作为返回keyword,他有下面两种返回体式格式 1.返回把握与函数成果 语法为:return 表达式; 语句停止函数履行,返回调用函数,而且把表达式的值作为函数的成果 2.返回把握无 ...

  6. js中return false，return，return true的用法及差别

    起首return作为返回关键字,他有以下两种返回体式格式 1.返回把握与函数成果 语法为:return 表达式; 语句停止函数履行,返回调用函数,并且把表达式的值作为函数的成果 2.返回把握无函数成果 ...

  7. js中return 、return false 、return true、break、continue区别

    在开发中不熟悉这三者区别的同学,一般都知道return可以中止,但会根据字面意思觉得return true 中止当前函数执行,但其后的函数还会继续执行.return false 中止当前函数执行,其后 ...

  8. return false与return true的区别

    <a href="http://www.baidu.com" onclick="alert(11);return true;alert(22)">链 ...

  9. js：return [ expression ]，return false，return true，return的区别

    1.return [ expression ] return返回值实际上是对window.event.returnvalue进行设置. 2.return false,阻止默认的行为, ① 当给a标签绑 ...

随机推荐

  1. wrk 压力测试 http benchmark POST接口

    简单的 http 性能测试工具 wrk.git 一个简单的 http benchmark 工具, 能做很多基本的 http 性能测试. wrk 的一个很好的特性就是能用很少的线程压出很大的并发量. 原 ...

  2. Redis学习笔记--Redis数据过期策略详解

    本文对Redis的过期机制简单的讲解一下 讲解之前我们先抛出一个问题,我们知道很多时候服务器经常会用到redis作为缓存,有很多数据都是临时缓存一下,可能用过之后很久都不会再用到了(比如暂存sessi ...

  3. ELK+Kafka 企业日志收集平台(一)

    背景: 最近线上上了ELK,但是只用了一台Redis在中间作为消息队列,以减轻前端es集群的压力,Redis的集群解决方案暂时没有接触过,并且Redis作为消息队列并不是它的强项:所以最近将Redis ...

  4. js格式化输入框内金额、银行卡号[转]

    这篇文章主要介绍了js格式化输入框内金额.银行卡号,采用“keyup”事件处理格式化,每4位数一组中间空格隔开,如何格式化输入框内金额.银行卡号,需要了解的朋友可以参考一下 我们在项目中经常遇到需要格 ...

  5. docker常用命令（自用）

    docker container ls -f "status=exited" docker rm $(docker container ls -f "status=exi ...

  6. byteBuffer的用法

    byteBuffer 的三个属性 position limit capacity buffer的一般使用过程 // 1.分配空间// 2.写入数据到Buffer// 3.调用filp()方法// 4. ...

  7. spool

    一.常用设置 set lin 1000 --一行可容纳字符数{80|n};输出大于设置值,则折行显示set wrap on --输出行长度大于设置长度时(set lin n设置);值为on,多余字符另 ...

  8. 小a的排列

    链接:https://ac.nowcoder.com/acm/contest/317/G来源:牛客网 小a有一个长度为nn的排列.定义一段区间是"萌"的,当且仅当把区间中各个数排序 ...

  9. 【转】wamp出现You don’t have permission to access/on this server提示

    本地搭建wamp,输入http://127.0.0.1访问正常,当输入http://localhost/,apache出现You don't have permission to access/on ...

  10. 【vue】vue +element 搭建项目，vuex中的store使用

    概述: 每一个 Vuex 应用的核心就是 store(仓库).“store”基本上就是一个容器,它包含着你的应用中大部分的状态 (state).Vuex 和单纯的全局对象有以下两点不同: Vuex 的 ...