JavaScript中的return布尔值的用法和原理解析


Posted in Javascript onAugust 14, 2017

首先return作为返回关键字,他有以下两种返回方式

1.返回控制与函数结果

语法为:return 表达式; 语句结束函数执行,返回调用函数,而且把表达式的值作为函数的结果

2.返回控制无函数结果

语法为:return;在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.例如,默认情况下点击一个<A>元素,页面会跳转到该元素href属性指定的页.

例如:<a href="http:www.baidu.com;alert(11);return false;alert(22)" rel="external nofollow" >链接</a> <!-- 只会执行了alert(11);-->

 return false 就相当于终止符,return true 就相当于执行符。

在js中return false的作用一般是用来取消默认动作的。比如你单击一个链接除了触发你的"onclick"事件以外还要触发一个默认事件就是执行页面的跳转。所以如果你想取消对象的默认动作就可以return false。也就是说如果你想用JS代码来局部改变一些数据而不引起页面其他部位的变化,那么你就应该在该onclick事件代码的后面加上return false;

例如:

<input type="submit" onclick="submitAction(); return false;" />

submitAction 方法里面有提交表单的动作。如果不加 return false,在执行完 submitAction 之后,submit 按钮还会继续执行它的默认事件,就会再次提交表单。这可能就是很多错误的根源。

的确,return false的含义不是阻止事件继续向顶层元素传播,而是阻止浏览器对事件的默认处理。 

在js中,我们常用return false来阻止提交表单或者继续执行下面的代码,通俗的来说就是阻止执行默认的行为。 例如下面的例子:

众所周知,在表单中加上onsubmit="return false;"可以阻止表单提交。

<form action="index.jsp" method="post" onsubmit="submitTest();">  <INPUT value="www">  <input type="submit" value="submit"></form>
<SCRIPT LANGUAGE="JavaScript">  function submitTest() {    // 一些逻辑判断
   return false;  }
</SCRIPT>

以上代码实际情况是表单正常提交,若想它不提交,应该将 

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

改为 

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

总的来说在js中对于return用法的三种情况的总结如下:

retrun true; 返回正确的处理结果。

return false;返回错误的处理结果;终止处理;阻止提交表单;阻止执行默认的行为。

return;把控制权返回给页面。

总结

以上所述是小编给大家介绍的JavaScript中的return布尔值的用法和原理解析,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jQuery表单域选择器用法分析
Feb 10 Javascript
js生成验证码并直接在前端判断
May 15 Javascript
Jquery实现顶部弹出框特效
Aug 08 Javascript
深入理解jQuery事件绑定
Jun 02 Javascript
JavaScript表单验证完美代码
Mar 02 Javascript
js读取json文件片段中的数据实例
Mar 09 Javascript
node前端模板引擎Jade之标签的基本写法
May 11 Javascript
jQuery实现的老虎机跑动效果示例
Dec 29 jQuery
新手快速上手webpack4打包工具的使用详解
Jan 28 Javascript
微信小程序如何自定义table组件
Jun 29 Javascript
使用axios请求时,发送formData请求的示例
Oct 29 Javascript
如何在selenium中使用js实现定位
Aug 18 Javascript
一个Js文件函数中调用另一个Js文件函数的方法演示
Aug 14 #Javascript
利用纯JS实现像素逐渐显示的方法示例
Aug 14 #Javascript
jQuery 实时保存页面动态添加的数据的示例
Aug 14 #jQuery
js异步编程小技巧详解
Aug 14 #Javascript
js数字滑动时钟的简单实现(示例讲解)
Aug 14 #Javascript
使用yeoman构建angular应用的方法
Aug 14 #Javascript
AngularJS 购物车全选/取消全选功能的实现方法
Aug 14 #Javascript
You might like
PHP安全配置
2006/10/09 PHP
php中stream(流)的用法
2014/03/25 PHP
PHP扩展模块memcached长连接使用方法分析
2014/12/24 PHP
PHP添加图片水印、压缩、剪切的封装类
2015/08/17 PHP
php实现 master-worker 守护多进程模式的实例代码
2019/07/20 PHP
Mootools 1.2教程 排序类和方法简介
2009/09/15 Javascript
javascript中直接写php代码的方法
2013/07/31 Javascript
如何编写高质量JS代码
2014/12/28 Javascript
JavaScript节点及列表操作实例小结
2015/08/05 Javascript
node.js使用cluster实现多进程
2016/03/17 Javascript
jQuery实现可拖动进度条实例代码
2017/06/21 jQuery
基于vue展开收起动画的示例代码
2018/07/05 Javascript
JavaScript循环遍历你会用哪些之小结篇
2018/09/28 Javascript
vue实现条件叠加搜索的解决方法
2019/05/28 Javascript
jQuery实现移动端扭蛋机抽奖
2020/11/08 jQuery
[01:38:19]夜魇凡尔赛茶话会 第五期
2021/03/11 DOTA
Python实现批量更换指定目录下文件扩展名的方法
2016/09/19 Python
Python字符串拼接的几种方法整理
2017/08/02 Python
使用numba对Python运算加速的方法
2018/10/15 Python
python 实现对文件夹中的图像连续重命名方法
2018/10/25 Python
python 为什么说eval要慎用
2019/03/26 Python
Python任意字符串转16, 32, 64进制的方法
2019/06/12 Python
使用 Supervisor 监控 Python3 进程方式
2019/12/05 Python
python读取与处理netcdf数据方式
2020/02/14 Python
基于css3实现漂亮便签样式
2013/03/18 HTML / CSS
英国足球店:UK Soccer Shop
2017/11/19 全球购物
荷兰美妆护肤品海淘网站:Beautinow(中文)
2020/11/22 全球购物
Linux操作面试题
2012/05/16 面试题
一名女生的自荐信
2013/12/08 职场文书
群众路线批评与自我批评
2014/02/06 职场文书
协议书样本
2014/04/23 职场文书
初中优秀班集体申报材料
2014/05/01 职场文书
教师政风行风评议心得体会
2014/10/21 职场文书
社区青年志愿者活动总结
2015/05/06 职场文书
如何起草一份正确的合伙创业协议书?
2019/07/04 职场文书
Python使用protobuf序列化和反序列化的实现
2021/05/19 Python