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 相关文章推荐
Ext grid 添加右击菜单
Nov 26 Javascript
JavaScript中获取元素索引的函数
Sep 10 Javascript
使用闭包对setTimeout进行简单封装避免出错
Jul 10 Javascript
javascript根据像素点取位置示例
Jan 27 Javascript
js控制多图左右滚动切换效果代码分享
Aug 26 Javascript
使用JQuery 加载页面时调用JS的实现方法
May 30 Javascript
详解http访问解析流程原理
Oct 18 Javascript
js replace 全局替换的操作方法
Jun 12 Javascript
详解vuex 渐进式教程实例代码
Nov 27 Javascript
Vue+Node实现商品列表的分页、排序、筛选,添加购物车功能详解
Dec 07 Javascript
vue项目中使用eslint+prettier规范与检查代码的方法
Jan 16 Javascript
原生JS实现记忆翻牌游戏
Jul 31 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图片验证码制作实现分享(全)
2012/05/10 PHP
laravel创建类似ThinPHP中functions.php的全局函数
2016/11/26 PHP
php基于 swoole 实现的异步处理任务功能示例
2019/08/13 PHP
JavaScript版DateAdd和DateDiff函数代码
2012/03/01 Javascript
Jquery中扩展方法extend使用技巧
2014/08/24 Javascript
JavaScript实现SHA-1加密算法的方法
2015/03/11 Javascript
js实现简单的可切换选项卡效果
2015/04/10 Javascript
JQuery选中checkbox方法代码实例(全选、反选、全不选)
2015/04/27 Javascript
用JavaScript实现页面重定向功能的教程
2015/06/04 Javascript
jQuery动态添加
2016/04/07 Javascript
AngularJS Bootstrap详细介绍及实例代码
2016/07/28 Javascript
jQuery插件WebUploader实现文件上传
2016/11/07 Javascript
详解React-Todos入门例子
2016/11/08 Javascript
详解jquery easyui之datagrid使用参考
2016/12/05 Javascript
jquery实现百叶窗效果
2017/01/12 Javascript
实时监控input框,实现输入框与下拉框联动的实例
2018/01/23 Javascript
Vue组件和Route的生命周期实例详解
2018/02/10 Javascript
浅谈webpack 自动刷新与解析
2018/04/09 Javascript
JavaScript引用类型Array实例分析
2018/07/24 Javascript
javascript浅层克隆、深度克隆对比及实例解析
2020/02/09 Javascript
使用Vant完成Dialog弹框案例
2020/11/11 Javascript
Python闭包实现计数器的方法
2015/05/05 Python
Python使用itertools模块实现排列组合功能示例
2018/07/02 Python
python使用百度文字识别功能方法详解
2019/07/23 Python
python中return的返回和执行实例
2019/12/24 Python
Python中if有多个条件处理方法
2020/02/26 Python
分布式数据库需要考虑哪些问题
2013/12/08 面试题
仓库管理制度
2014/01/21 职场文书
安全标准化汇报材料
2014/02/03 职场文书
体育教师求职信
2014/05/24 职场文书
与美同行演讲稿
2014/09/13 职场文书
实习指导教师评语
2014/12/30 职场文书
团日活动总结格式
2015/05/11 职场文书
锦旗赠语
2015/06/23 职场文书
SQL Server的存储过程与触发器以及系统函数和自定义函数
2022/04/10 SQL Server
React更新渲染原理深入分析
2022/12/24 Javascript