onclick="return checkForm()" 、onclick="checkForm();return false;"解析 与 return false;
2015-11-11 10:15
423 查看
return false最简单的理解就是取消“浏览器默认行为”。
比如一个链接<a href="http://zhidao.baidu.com">百度知道</a>,当我们点击这个链接时,浏览器会自动跳转到:zhidao.baidu.com这个地址,这是浏览器的默认行为。但如果我们这么做:<a
href="http://zhidao.baidu.com" onclick="return false">百度知道</a>那么再次点击这个链接时,浏览器则不会进行跳转。
js在事件中调用函数时用return返回值实际上是对window.event.returnvalue进行设置。而该值决定了当前操作是否继续。当返回的是true时,将继续操作。当返回是false时,将中断操作。而直接执行时(不用return),将不会对window.event.returnvalue进行设置,所以会默认地继续执行操作。
例如:
(1)<a href="abc.htm" onclick="return add_onclick()">Open</a>,如果函数 add_onclick() 返回 true, 那么 页面就会打开 abc.htm否则, (返回 false), 那么页面不会跳转到 abc.htm, 只会执行你的 add_onclick() 函数里的内容. (add_onclick函数中控制页面转到 abc.htm除外
(2)<input type="submit" onclick="submitAction(); return false;" /> ,submitAction()方法里面有提交表单的动作。万一不加 return false,因为输入类型为提交按钮,在执行完 submitAction 方法后,submit 按钮还会继续执行它的默认事件(提交表单),加上return false后,则不会再执行提交表单的动作。
比如一个链接<a href="http://zhidao.baidu.com">百度知道</a>,当我们点击这个链接时,浏览器会自动跳转到:zhidao.baidu.com这个地址,这是浏览器的默认行为。但如果我们这么做:<a
href="http://zhidao.baidu.com" onclick="return false">百度知道</a>那么再次点击这个链接时,浏览器则不会进行跳转。
js在事件中调用函数时用return返回值实际上是对window.event.returnvalue进行设置。而该值决定了当前操作是否继续。当返回的是true时,将继续操作。当返回是false时,将中断操作。而直接执行时(不用return),将不会对window.event.returnvalue进行设置,所以会默认地继续执行操作。
例如:
(1)<a href="abc.htm" onclick="return add_onclick()">Open</a>,如果函数 add_onclick() 返回 true, 那么 页面就会打开 abc.htm否则, (返回 false), 那么页面不会跳转到 abc.htm, 只会执行你的 add_onclick() 函数里的内容. (add_onclick函数中控制页面转到 abc.htm除外
(2)<input type="submit" onclick="submitAction(); return false;" /> ,submitAction()方法里面有提交表单的动作。万一不加 return false,因为输入类型为提交按钮,在执行完 submitAction 方法后,submit 按钮还会继续执行它的默认事件(提交表单),加上return false后,则不会再执行提交表单的动作。
相关文章推荐
- vector中删除第k个元素的巧妙方法
- IntelliJ IDEA导入项目部署导致磁盘被占满
- cassandra 学习之旅<一> 初体验
- OSG播放fbx动画
- MySQL utf-8 插入中文出错 解决办法
- Snoopy+phpquery采集demo
- 10.2 菜单
- .bash_profile和.bashrc的什么区别
- MySQL创建和删除数据库的命令及相关PHP脚本的操作方法
- oracle处理乱码的问题
- Activemq的Queue发送和接收的例子
- Masonry介绍与使用实践:快速上手Autolayout
- shareData
- 如何防止应用因获取IDFA被AppStore拒绝
- NET程序的代码混淆、加壳与脱壳
- 微信支付-扫码支付-原生支付-统一下单-参数说明
- 基于HTML5树组件延迟加载技术实现
- 前后台传中文乱码问题改成UTF-8
- 轻型货架特点介绍
- Android Service和Activity通信