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 相关文章推荐
学习ExtJS Column布局
Oct 08 Javascript
javascript实现按回车键切换焦点
Feb 09 Javascript
JavaScript实现函数返回多个值的方法
Jun 09 Javascript
js实现全国省份城市级联下拉菜单效果代码
Sep 07 Javascript
JavaScript基础教程——入门必看篇
May 20 Javascript
js字符串引用的两种方式(必看)
Sep 18 Javascript
Node.js的环境安装配置(使用nvm方式)
Oct 11 Javascript
js前端实现多图图片上传预览的两个方法(推荐)
Nov 18 Javascript
JavaScript数组和对象的复制
Mar 21 Javascript
vue通过watch对input做字数限定的方法
Jul 13 Javascript
基于Vue实例对象的数据选项
Aug 09 Javascript
深入学习JavaScript中的bom
May 27 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 实例化类的一点摘记
2008/03/23 PHP
如何使用php绘制在图片上的正余弦曲线
2013/06/08 PHP
PHP开发工具ZendStudio下Xdebug工具使用说明详解
2013/11/11 PHP
ThinkPHP框架下微信支付功能总结踩坑笔记
2019/04/10 PHP
js 返回时间戳所对应的具体时间
2010/07/20 Javascript
基于jquery的时间段实现代码
2012/08/02 Javascript
js判断变量是否未定义的代码
2020/03/28 Javascript
jquery实现图片按比例缩放示例
2014/07/01 Javascript
jquery实现的简单二级菜单效果代码
2015/09/22 Javascript
JavaScript Split()方法
2015/12/18 Javascript
Bootstrap开关(switch)控件学习笔记分享
2016/05/30 Javascript
BootStrap实现树形目录组件代码详解
2016/06/21 Javascript
javascript实现复选框全选或反选
2017/02/04 Javascript
jquery设置css样式的多种方法(总结)
2017/02/21 Javascript
使用JS在浏览器中判断当前网络连接状态的几种方法
2017/05/05 Javascript
在vue项目中安装使用Mint-UI的方法
2017/12/27 Javascript
浅析微信小程序modal弹窗关闭默认会执行cancel问题
2019/10/14 Javascript
Vue的data、computed、watch源码浅谈
2020/04/04 Javascript
Vue中keep-alive的两种应用方式
2020/07/15 Javascript
Python操作串口的方法
2015/06/17 Python
python获取文件扩展名的方法
2015/07/06 Python
深入浅析Python字符编码
2015/11/12 Python
Django 前后台的数据传递的方法
2017/08/08 Python
在ubuntu16.04中将python3设置为默认的命令写法
2018/10/31 Python
对python中的乘法dot和对应分量相乘multiply详解
2018/11/14 Python
对python文件读写的缓冲行为详解
2019/02/13 Python
scikit-learn线性回归,多元回归,多项式回归的实现
2019/08/29 Python
Python帮你微信头像任意添加装饰别再@微信官方了
2019/09/25 Python
使用Django和Postgres进行全文搜索的实例代码
2020/02/13 Python
浅谈keras中Dropout在预测过程中是否仍要起作用
2020/07/09 Python
Python 程序员必须掌握的日志记录
2020/08/17 Python
详解Python利用configparser对配置文件进行读写操作
2020/11/03 Python
豪华复古化妆:Besame Cosmetics
2019/09/06 全球购物
企业军训感想
2014/02/07 职场文书
推广普通话主题班会
2015/08/17 职场文书
VUE使用draggable实现组件拖拽
2022/04/06 Vue.js