javascript中的 return false和return true

时间：2022-09-06 10:10:22

关于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&semi; 、return false&semi; 与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 &lbrack; expression &rsqb;，return false，return true，return的区别

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

随机推荐

  1. gulp自动化构建工具

    gulp    自动化构建工具,实时监控.代码合并.压缩... http://www.gulpjs.com.cn/     中文网 http://gulpjs.com/plugins/     英文网 ...

  2. PhpStorm Git 配置

    首先需要安装windows下的Git版本,网上有很多我下载的是msysgit反正都差不多,不会的自己百度. 其次打开PhpStorm,点击File ,Settings ,找到Version Contr ...

  3. 3d中的坐标系的概念

    世界坐标系 世界坐标系是一个特殊的坐标系,它建立了描述其它坐标系所需要的参考框架.从另一方面说能够用世界坐标描述其它坐标系的位置,而不能用更大的.外部的坐标系来描述世界坐标系. 物体坐标系 物体坐标系 ...

  4. 在Windows上安装MySQL5&period;7

    1. 下载安装包,这里选择压缩版mysql-5.7.16-winx64.zip: http://dev.mysql.com/downloads/mysql/ 2. 解压到安装目录,注意最好不要含有中文 ...

  5. CentOS 6&period;2 OpenVPN 搭建

    一.yum 安装. 二.下载 easy-rsa 3.0 三.生成根证书.服务器.客户端证书.ta 生成流程: wget -c https://github.com/OpenVPN/easy-rsa/a ...

  6. 工厂方法模式（FACTORY METHOD）

    核心精神是封装类中不变的部分,提取其中个性化善变的部分为独立类,通过依赖注入以达到解耦.复用和方便后期维护拓展的目的. 工厂方法(Factory Method)模式的意义是定义一个创建产品对象的工厂接 ...

  7. ASP&period;NET Web API 通过参数控制返回类型&lpar;JSON&vert;XML&rpar;

    一个很实用的技巧,可以在访问web api服务的时候指定返回数据的格式类型,比如 json 或者 xml. 因为 web api 默认返回的是XML格式,但是现在json 比较流行,同时网上也有其他的 ...

  8. RHEL6&period;2的安装文档

    1 Installing RHEL 6.2 1.1 开始安装 选择“Install or upgrade an existing system”: 1.2 光盘检测 选择“Skip”跳过安装介质的检查 ...

  9. 回文（palindrome）

    如果一个字符串忽略标点符号.大小写和空格,正着读和反着读一模一样,那么这个字符串就是palindrome(回文).

  10. Ubuntu x86-64汇编&lpar;1&rpar;

    x86-64 Assembly Language Programming with Ubuntu 的读书记录 x86计算机体系架构 架构总览 CPU, RAM, 存储, 输入输出设备等, 数据的尺寸( ...

相关文章