javascript开发随笔一 preventDefault的必要


Posted in Javascript onNovember 25, 2011

不加的话貌似只在ie6出现过问题。出现过:改变图片地址,结果图片不见了,加载样式,但样式文件没了。就像是中断了资源的下载一样,正确时解释是 IE6下使用A元素来做按钮的时候一定要记得在onclick事件里面调用preventDefault(),IE6会强制关闭当前活动的HTTP连接,导致正在请求的其他资源或脚本加载不正常。 但资源如果已经被缓存了,就没有这个问题了

<!DOCTYPE HTML> 
<html> 
<head> 
</head> 
<body> 
<h2>在ie6中会出现,点击改变图片src导致图片不出现,需preventDefault或者return false</h2> 
<a id="J_btn" href="javascript:void(0)">点击改变图片地址</a> 
<img id="J_img" height="160" src='http://www.baidu.com/img/baidu_sylogo1.gif' /> 
<script type="text/javascript"> 
var $ =function(id){return typeof (id) =="string"? document.getElementById(id) : null}; 
var logo_bd ='http://www.baidu.com/img/baidu_sylogo1.gif'; 
var logo_go ='http://www.google.com.hk/intl/zh-CN/images/logo_cn.png' 
$("J_btn").onclick =function(event){ 
event = event || window.event; 
//event.preventDefault ? event.preventDefault() : event.returnValue = false; 
$("J_img").src = $("J_img").src == logo_bd ? logo_go : logo_bd; 
} 
</script> 
</body> 
</html>
Javascript 相关文章推荐
一个用javascript写的select支持上下键、首字母筛选以及回车取值的功能
Sep 09 Javascript
Js日期选择自动填充到输入框(界面漂亮兼容火狐)
Aug 02 Javascript
jquery移动节点实例
Jan 14 Javascript
Angularjs中的页面访问权限怎么设置
Nov 11 Javascript
jquery 手势密码插件
Mar 17 Javascript
JavaScript数据类型和变量_动力节点Java学院整理
Jun 26 Javascript
原生js的ajax和解决跨域的jsonp(实例讲解)
Oct 16 Javascript
JavaScript实现的贝塞尔曲线算法简单示例
Jan 30 Javascript
vue组件挂载到全局方法的示例代码
Aug 02 Javascript
node.js使用yargs处理命令行参数操作示例
Feb 11 Javascript
js+canvas实现简单扫雷小游戏
Jan 22 Javascript
如何实现小程序与小程序之间的跳转
Nov 04 Javascript
基于jquery的拖动布局插件
Nov 25 #Javascript
jQuery Jcrop插件实现图片选取功能
Nov 23 #Javascript
JQUERY1.6 使用方法四 检测浏览器
Nov 23 #Javascript
JQuery1.6 使用方法三
Nov 23 #Javascript
jQuery1.6 使用方法二
Nov 23 #Javascript
jQuery1.6 使用方法一
Nov 23 #Javascript
JS 表单验证大全
Nov 23 #Javascript
You might like
如何隐藏你的.php文件
2007/01/04 PHP
php intval的测试代码发现问题
2008/07/27 PHP
php中函数的形参与实参的问题说明
2010/09/01 PHP
PHP环形链表实现方法示例
2017/09/15 PHP
PHP Include文件实例讲解
2019/02/15 PHP
理解JavaScript中的对象 推荐
2011/01/09 Javascript
javascript限制文本框输入值类型的方法
2015/05/07 Javascript
JS DOM实现鼠标滑动图片效果
2020/09/17 Javascript
jquery实现左右滑动式轮播图
2017/03/02 Javascript
基于React实现表单数据的添加和删除详解
2017/03/14 Javascript
Javascript面试经典套路reduce函数查重
2017/03/23 Javascript
vue脚手架搭建过程图解
2018/06/06 Javascript
JS获取指定月份的天数两种实现方法
2018/06/22 Javascript
vue.js 实现输入框动态添加功能
2018/06/25 Javascript
在vue中实现点击选择框阻止弹出层消失的方法
2018/09/15 Javascript
4 种滚动吸顶实现方式的比较
2019/04/09 Javascript
layui table 获取分页 limit的方法
2019/09/20 Javascript
[04:49]2014DOTA2国际邀请赛 Newbee顺利挺进总决赛 ImbaTV独家专访
2014/07/19 DOTA
[53:10]完美世界DOTA2联赛决赛日 FTD vs GXR 第二场 11.08
2020/11/11 DOTA
django使用haystack调用Elasticsearch实现索引搜索
2019/07/24 Python
python线程池如何使用
2020/05/28 Python
pytorch 多分类问题,计算百分比操作
2020/07/09 Python
英国二手iPhone、音乐、电影和游戏商店:musicMagpie
2018/10/26 全球购物
美国牛仔品牌:True Religion
2018/11/16 全球购物
创立科技Java面试题
2015/11/29 面试题
应届生骨科医生求职信
2013/10/31 职场文书
超市国庆节促销方案
2014/02/20 职场文书
留学推荐信范文
2014/05/10 职场文书
人力资源管理专业自荐信
2014/06/24 职场文书
寝室长工作失责检讨书
2014/10/06 职场文书
医院党的群众路线教育实践活动学习心得体会
2014/10/30 职场文书
家属慰问信
2015/02/14 职场文书
保研专家推荐信范文
2015/03/25 职场文书
宣传部部长竞选稿
2015/11/21 职场文书
Python图片验证码降噪和8邻域降噪
2021/08/30 Python
Java异常体系非正常停止和分类
2022/06/14 Java/Android