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 api参考 visualjquery 中国线路 速度快
Nov 30 Javascript
EXTJS内使用ACTIVEX控件引起崩溃问题的解决方法
Mar 31 Javascript
zeroclipboard复制到剪切板的flash
Aug 04 Javascript
Jquery弹出层插件ThickBox的使用方法
Dec 09 Javascript
Highcharts入门之简介
Aug 02 Javascript
js移动端图片压缩上传功能
Aug 18 Javascript
jQuery实现带右侧索引功能的通讯录示例【附源码下载】
Apr 17 jQuery
JavaScript实现封闭区域布尔运算的示例代码
Jun 25 Javascript
this.$toast() 了解一下?
Apr 18 Javascript
浅谈webpack 四个核心概念之Entry
Jun 12 Javascript
浅谈VUE中演示v-for为什么要加key
Jan 16 Javascript
js+canvas实现刮刮奖功能
Sep 13 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实现像JSP,ASP里Application那样的全局变量
2007/01/12 PHP
php minixml详解
2008/07/19 PHP
通过具体程序来理解PHP里面的抽象类
2010/01/28 PHP
php导出CSV抽象类实例
2014/09/24 PHP
php+ajax实现无刷新分页
2015/11/18 PHP
Yii中的relations数据关联查询及统计功能用法详解
2016/07/14 PHP
Yii2选项卡的简单使用
2017/05/26 PHP
Extjs中使用extend(js继承) 的代码
2012/03/15 Javascript
JavaScript的继承的封装介绍
2013/10/15 Javascript
原生js做的手风琴效果的导航菜单
2013/11/08 Javascript
javascript鼠标滑动评分控件完整实例
2015/05/13 Javascript
javascript基础知识分享之类与函数化
2016/02/13 Javascript
AngularJs 弹出模态框(model)
2016/04/07 Javascript
jQuery窗口拖动功能的实现代码
2017/02/04 Javascript
vue 的 solt 子组件过滤过程解析
2019/09/07 Javascript
JavaScript实现单图片上传并预览功能
2019/09/30 Javascript
小程序识别身份证,银行卡,营业执照,驾照的实现
2019/11/05 Javascript
对Python subprocess.Popen子进程管道阻塞详解
2018/10/29 Python
python3实现单目标粒子群算法
2019/11/14 Python
Python + Requests + Unittest接口自动化测试实例分析
2019/12/12 Python
canvas 绘图时位置偏离的问题解决
2020/09/16 HTML / CSS
固特异美国在线轮胎店:Goodyear Tire
2019/02/23 全球购物
2019年c语言经典面试题目
2016/08/17 面试题
销售工作岗位职责
2013/12/24 职场文书
技校个人求职信范文
2014/01/25 职场文书
研究生考核个人自我鉴定
2014/03/27 职场文书
初中班主任经验交流材料
2014/05/16 职场文书
2014年入党积极分子党校培训心得体会
2014/07/08 职场文书
2014年综合治理工作总结
2014/11/20 职场文书
慰问信格式
2015/02/14 职场文书
财务经理岗位职责范本
2015/04/08 职场文书
幼儿园安全工作总结2015
2015/04/20 职场文书
2015大学党建带团建工作总结
2015/07/23 职场文书
宿舍管理制度范本
2015/08/07 职场文书
简历自我评价范文
2019/04/24 职场文书
asyncio异步编程之Task对象详解
2022/03/13 Python