[转!]jQuey中的return false作用是什么
2015-12-17 16:41
471 查看
jQuey中的return false作用是什么:
在众多的语句中都有return false的使用,当然对于熟悉它的开发者来说,当然是知根知底,知道此语句的作用,当然也就知道在什么时候使用此语句,不过对于初学者可能未必掌握的很清晰明了,下面通过实例介绍一下return false语句的作用。return语句的作用一般是返回函数值,并不再执行下面的语句,直接跳到函数调用的地方,另外还有一个重要的作用,那就是取消默认事件行为的发生。
代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>蚂蚁部落</title> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("a").click(function(){ return false; }) }) </script> </head> <body> <div id="first"> <div id="second"> <a id="third" href="http://www.softwhy.com">链接</a> </div> </div> </body> </html>
从以上代码可以看出,点击链接之后并没有跳转到www.softwhy.com首页,这是因为return false能够阻止浏览器的默认行为,比如点击超链接就会实现网页跳转就是浏览器的默认行为。下面再看一个表单验证的例子:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>蚂蚁部落</title> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(":submit").click(function(){ if($("#username").val()=="") { alert("用户名不能为空!"); $("#username").focus(); return false; } if($("#pw").val()=="") { alert("密码不能为空!"); $("#pw").focus(); return false; } }) }) </script> </head> <body> <form action="http://www.softwhy.com" name="myform"> <ul> <li>用户名:<input type="text" id="username" /></li> <li>密码:<input type="password" id="pw" /></li> <li><input type="submit" value="提交表单"></li> </ul> </form> </body> </html>
以上代码中,每一个判断语句的最后都添加了return false语句,如果用户名或者密码为空的话,则会弹出提示框,如果没有return false语句的话,那么尽管还能够弹出提示框,但是表单依然会被提交,因为点击提交表单就是点击提交按钮的默认事件行为。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=5827
相关文章推荐
- iOS 一行代码去掉UITableview多余分割线
- 基于easyui的CMS系统的小结
- nutz 结合QueryResult,Record 自定义分页查询,不构建pojo 整合
- 在T-SQL语句中访问远程数据库(openrowset/opendatasource/openquery)
- 遇到的问题-----you can't add a second 'treePath' criteria. Query already contains
- 遇到的问题-----you can't add a second 'treePath' criteria. Query already contains
- 构建灵活的UI之Fragment(二)
- UITouch详解
- 发送验证码时设置UIButton的倒计时
- UICC,USIM卡与SIM的区别
- 手动注册UITableViewCell ID
- ios学习--获取通过UIImagePackerController获取的系统相册 图片&视频 的名称信息
- Android Stuio如何将library项目打包成jar文件
- jsp request 对象详解
- UIImageView绕着某一个点旋转
- MYSQL Starting MySQL. ERROR! Manager of pid-file quit without updating file
- Gradle Plugin Samples 之 Gradle Build Variants(六)
- Gradle Plugin Samples 之 Gradle Build Configs(五)
- Java多线程-工具篇-BlockingQueue
- EqualsBuilder类的使用