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 相关文章推荐
jquery加载页面的方法(页面加载完成就执行)
Jun 21 Javascript
15款优秀的jQuery导航菜单插件分享
Jul 19 Javascript
8款非常棒的响应式jQuery 幻灯片插件推荐
Feb 02 Javascript
深入理解javascript动态插入技术
Nov 12 Javascript
jQuery Masonry瀑布流插件使用详解
Nov 17 Javascript
angularjs表格分页功能详解
Jan 21 Javascript
JavaScript数值千分位格式化的两种简单实现方法
Aug 01 Javascript
JS 终止执行的实现方法
Nov 24 Javascript
js数组常用最重要的方法
Feb 04 Javascript
ES6学习笔记之map、set与数组、对象的对比
Mar 01 Javascript
JS验证输入的是否是数字及保留几位小数问题
May 09 Javascript
node中短信api实现验证码登录的示例代码
Jan 20 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
thinkPHP3.x常量整理(预定义常量/路径常量/系统常量)
2016/05/20 PHP
php微信高级接口群发 多客服
2016/06/23 PHP
php 解析xml 的四种方法详细介绍
2016/10/26 PHP
jQuery ajax cache缓存问题
2010/07/01 Javascript
IE中createElement需要注意的一个问题
2010/07/13 Javascript
javascript 进阶篇2 CSS XML学习
2012/03/14 Javascript
javascript设计模式 封装和信息隐藏(上)
2012/07/24 Javascript
杨氏矩阵查找的JS代码
2013/03/21 Javascript
Jquery 过滤器(first,last,not,even,odd)的使用
2014/01/22 Javascript
JS 打印界面的CSS居中代码适用所有浏览器
2014/03/19 Javascript
Nodejs中自定义事件实例
2014/06/20 NodeJs
JavaScript 动态加载脚本和样式的方法
2015/04/13 Javascript
浅谈javascript的分号的使用
2015/05/12 Javascript
jquery实现顶部向右伸缩的导航区域代码
2015/09/02 Javascript
有关jQuery中parent()和siblings()的小问题
2016/06/01 Javascript
微信小程序开发之大转盘 仿天猫超市抽奖实例
2016/12/08 Javascript
Bootstarp 基础教程之表单部分实例代码
2017/02/03 Javascript
JavaScript中的return布尔值的用法和原理解析
2017/08/14 Javascript
浅谈高大上的微信小程序中渲染html内容—技术分享
2018/10/25 Javascript
vue组件间的参数传递实例详解
2019/04/26 Javascript
使用vue实现HTML页面生成图片的方法
2020/03/12 Javascript
numpy求平均值的维度设定的例子
2019/08/24 Python
python set集合使用方法解析
2019/11/05 Python
Python面向对象编程基础实例分析
2020/01/17 Python
Python self用法详解
2020/11/28 Python
基于Python中Remove函数的用法讨论
2020/12/11 Python
环法自行车赛官方商店:Le Tour de France
2017/08/27 全球购物
亚洲领先的旅游体验市场:Voyagin
2019/11/23 全球购物
办公设备采购方案
2014/03/16 职场文书
优秀驾驶员先进事迹材料
2014/05/04 职场文书
未婚证明书模板
2014/10/08 职场文书
2014年敬老院工作总结
2014/12/08 职场文书
努力学习保证书
2015/02/26 职场文书
入党自传范文2015
2015/06/26 职场文书
就业指导讲座心得体会
2016/01/15 职场文书
python单向链表实例详解
2022/05/25 Python