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 相关文章推荐
js调用flash的效果代码
Apr 26 Javascript
再谈javascript面向对象编程
Mar 18 Javascript
JS获取鼠标坐标的实例方法
Jul 18 Javascript
ECMAScript6的新特性箭头函数(Arrow Function)详细介绍
Jun 07 Javascript
jquery动态添加文本并获取值的方法
Oct 12 Javascript
使用vue.js实现联动效果的示例代码
Jan 10 Javascript
Vue工程模板文件 webpack打包配置方法
Dec 26 Javascript
浅谈vue父子组件怎么传值
Jul 21 Javascript
解决JavaScript中0.1+0.2不等于0.3问题
Oct 23 Javascript
layui-table获得当前行的上/下一行数据的例子
Sep 24 Javascript
Vue表单控件数据绑定方法详解
Feb 05 Javascript
Vue实现PC端靠边悬浮球的代码
May 09 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 各种应用乱码问题的解决方法
2010/05/09 PHP
PHP序列号生成函数和字符串替换函数代码
2012/06/07 PHP
Linux下PHP安装mcrypt扩展模块笔记
2014/09/10 PHP
新鲜出炉的js tips提示效果
2011/04/03 Javascript
JavaScript内核之基本概念
2011/10/21 Javascript
JavaScript高级程序设计 阅读笔记(十三) js定义类或对象
2012/08/14 Javascript
javascript模拟实现C# String.format函数功能代码
2013/11/25 Javascript
Javascript实现滚动图片新闻的实例代码
2013/11/27 Javascript
使用jQuery在对象中缓存选择器的简单方法
2015/06/30 Javascript
JavaScript简单获取页面图片原始尺寸的方法
2016/06/21 Javascript
jquery封装插件时匿名函数形参和实参的写法解释
2017/02/14 Javascript
Bootstrap下拉菜单Dropdowns的实现代码
2017/03/17 Javascript
基于JS实现html中placeholder属性提示文字效果示例
2018/04/19 Javascript
JavaScript事件冒泡与事件捕获实例分析
2018/08/01 Javascript
Vue 中对图片地址进行拼接的方法
2018/09/03 Javascript
VUE解决微信签名及SPA微信invalid signature问题(完美处理)
2019/03/29 Javascript
VUE安装使用教程详解
2019/06/03 Javascript
Angular6使用forRoot() 注册单一实例服务问题
2019/08/27 Javascript
vue 导出文件,携带请求头token操作
2020/09/10 Javascript
[49:07]VGJ.T vs Optic Supermajor小组赛D组 BO3 第二场 6.3
2018/06/04 DOTA
在python中的socket模块使用代理实例
2014/05/29 Python
Python基础中所出现的异常报错总结
2016/11/19 Python
Python编程之基于概率论的分类方法:朴素贝叶斯
2017/11/11 Python
python实现猜数字游戏
2020/03/25 Python
Django框架models使用group by详解
2020/03/11 Python
python 用struct模块解决黏包问题
2020/11/07 Python
boostrap modal 闪现问题的解决方法
2020/09/01 HTML / CSS
鱼油专家:Omegavia
2016/10/10 全球购物
联想加拿大官方网站:Lenovo Canada
2018/04/05 全球购物
英国领先的电动可调床制造商:Laybrook
2019/12/26 全球购物
英国设计师珠宝网站:Joshua James Jewellery
2020/03/01 全球购物
理想点亮人生演讲稿
2014/05/21 职场文书
工伤事故处理协议书怎么写
2014/10/15 职场文书
环保建议书范文
2015/09/14 职场文书
react 项目中引入图片的几种方式
2021/06/02 Javascript
TV动画《政宗君的复仇》第二季制作决定PV公布
2022/04/02 日漫