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 相关文章推荐
JavaScript脚本性能优化注意事项
Nov 18 Javascript
javascript设计模式 接口介绍
Jul 24 Javascript
Js,alert出现乱码问题的解决方法
Jun 19 Javascript
jquery实现非叠加式的搜索框提示效果
Jan 07 Javascript
javascript里绝对用的上的字符分割函数总结
Jul 31 Javascript
Java Mybatis框架入门基础教程
Sep 21 Javascript
JavaScript 七大技巧(一)
Dec 13 Javascript
JS实现简单短信验证码界面
Aug 07 Javascript
Vue+Django项目部署详解
May 30 Javascript
react koa rematch 如何打造一套服务端渲染架子
Jun 26 Javascript
vue设置动态请求地址的例子
Nov 01 Javascript
JavaScript动态生成表格的示例
Nov 02 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 类相关函数的使用详解
2013/05/10 PHP
php 批量替换程序的具体实现代码
2013/10/04 PHP
php教程之魔术方法的使用示例(php魔术函数)
2014/02/12 PHP
CI框架(ajax分页,全选,反选,不选,批量删除)完整代码详解
2016/11/01 PHP
PHP实现接收二进制流转换成图片的方法
2017/01/10 PHP
php使用curl代理实现抓取数据的方法
2017/02/03 PHP
Windows上php5.6操作mongodb数据库示例【配置、连接、获取实例】
2019/02/13 PHP
PHP之认识(二)关于Traits的用法详解
2019/04/11 PHP
jQuery插件-jRating评分插件源码分析及使用方法
2012/12/28 Javascript
JS 跳转页面延迟2种方法
2013/03/29 Javascript
关于js数组去重的问题小结
2014/01/24 Javascript
js选择并转移导航菜单示例代码
2014/08/19 Javascript
JavaScript正则表达式中的ignoreCase属性使用详解
2015/06/16 Javascript
Bootstrap Paginator分页插件使用方法详解
2016/05/30 Javascript
jquery动态添加文本并获取值的方法
2016/10/12 Javascript
fetch 使用及如何接收JS传值
2017/11/11 Javascript
vue-baidu-map 进入页面自动定位的解决方案(推荐)
2018/04/28 Javascript
vue-cli单页面预渲染seo-prerender-spa-plugin操作
2020/08/10 Javascript
[01:10]DOTA2英雄背景故事第四期之混沌法则混沌骑士
2020/07/16 DOTA
[01:03:18]DOTA2-DPC中国联赛 正赛 RNG vs Dynasty BO3 第一场 1月29日
2021/03/11 DOTA
[08:08]DOTA2-DPC中国联赛2月28日Recap集锦
2021/03/11 DOTA
Python使用函数默认值实现函数静态变量的方法
2014/08/18 Python
Python 中Django安装和使用教程详解
2019/07/03 Python
对Pytorch神经网络初始化kaiming分布详解
2019/08/18 Python
python 协程中的迭代器,生成器原理及应用实例详解
2019/10/28 Python
OpenCV Python实现图像指定区域裁剪
2021/03/12 Python
CSS3混合模式mix-blend-mode/background-blend-mode简介
2018/03/15 HTML / CSS
HTML5的postMessage的使用手册
2018/12/19 HTML / CSS
Zooplus罗马尼亚:宠物食品和配件
2019/11/02 全球购物
医院见习报告范文
2014/11/03 职场文书
幼儿教师个人总结
2015/02/05 职场文书
答辩状格式范本
2015/05/22 职场文书
公司考勤管理制度
2015/08/04 职场文书
微信小程序中wxs文件的一些妙用分享
2022/02/18 Javascript
分享几种python 变量合并方法
2022/03/20 Python
详解Python+OpenCV绘制灰度直方图
2022/03/22 Python