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 相关文章推荐
使用Modello编写JavaScript类
Dec 22 Javascript
基于jquery的loading 加载提示效果实现代码
Sep 01 Javascript
js弹出层之1:JQuery.Boxy (二)
Oct 06 Javascript
Javascript 拖拽的一些简单的应用(逐行分析代码,让你轻松了拖拽的原理)
Jan 23 Javascript
jQuery实现购物车数字加减效果
Mar 14 Javascript
JavaScript实现带缓冲效果的随屏滚动漂浮广告代码
Nov 06 Javascript
canvas仿iwatch时钟效果
Mar 06 Javascript
浅谈super-vuex使用体验
Jun 25 Javascript
在webstorm开发微信小程序之使用阿里自定义字体图标的方法
Nov 15 Javascript
validform表单验证的实现方法
Mar 08 Javascript
JavaScript字符串处理常见操作方法小结
Nov 15 Javascript
一文带你理解vue创建一个后台管理系统流程(Vue+Element)
May 18 Vue.js
基于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 Laravel 上传图片、文件等类封装
2017/08/16 PHP
PHP文件后缀不强制为.php方法
2019/03/31 PHP
Laravel 添加多语言提示信息的方法
2019/09/29 PHP
javascript之解决IE下不渲染的bug
2007/06/29 Javascript
借助script进行Http跨域请求:JSONP实现原理及代码
2013/03/19 Javascript
详解JavaScript基于面向对象之创建对象(1)
2015/12/10 Javascript
laypage分页控件使用实例详解
2016/05/19 Javascript
用JavaScript实现让浏览器停止载入页面的方法
2017/01/19 Javascript
JavaScript设置名字输入不合法的实现方法
2017/05/23 Javascript
解决linux下node.js全局模块找不到的问题
2018/05/15 Javascript
JavaScript实现简单的图片切换功能(实例代码)
2020/04/10 Javascript
k8s node节点重新加入master集群的实现
2021/02/22 Javascript
浅析python中SQLAlchemy排序的一个坑
2017/02/24 Python
python实现unicode转中文及转换默认编码的方法
2017/04/29 Python
简单实现python收发邮件功能
2018/01/05 Python
利用arcgis的python读取要素的X,Y方法
2018/12/22 Python
Python统计文本词汇出现次数的实例代码
2020/02/27 Python
python 串行执行和并行执行实例
2020/04/30 Python
Python错误的处理方法
2020/06/23 Python
利用Python过滤相似文本的简单方法示例
2021/02/03 Python
Pure Collection美国官网:来自英国羊绒专家的奢华羊绒
2017/11/19 全球购物
Watch Station官方网站:世界一流的手表和智能手表
2020/01/05 全球购物
土耳其新趋势女装购物网站:Addax
2020/01/07 全球购物
万代美国官网:PREMIUM BANDAI USA
2020/09/11 全球购物
会计自荐书
2013/12/02 职场文书
金融事务专业毕业生求职信
2014/02/23 职场文书
公司合作协议书范本
2014/04/18 职场文书
产品质量保证书
2014/04/29 职场文书
学生会生活部工作总结2015
2015/03/31 职场文书
药店营业员岗位职责
2015/04/14 职场文书
2015年技术工作总结范文
2015/04/20 职场文书
2015重阳节座谈会主持词
2015/07/30 职场文书
2016幼儿园教师节新闻稿
2015/11/25 职场文书
JS实现扫雷项目总结
2021/05/19 Javascript
古见同学有交流障碍症 第二季宣传CM公开播出
2022/04/11 日漫
讨论nginx location 顺序问题
2022/05/30 Servers