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控制iframe滚动的代码
Apr 10 Javascript
jquery实现输入框动态增减的实例代码
Jul 14 Javascript
js/html光标定位的实现代码
Sep 23 Javascript
谈一谈javascript中继承的多种方式
Feb 19 Javascript
jQuery通过ajax方法获取json数据不执行success的原因及解决方法
Oct 15 Javascript
jQuery读取XML文件的方法示例
Feb 03 Javascript
Javascript 实现匿名递归的实例代码
May 25 Javascript
JS实现微信摇一摇原理解析
Jul 22 Javascript
angular1配合gulp和bower的使用教程
Jan 19 Javascript
JavaScript设计模式之构造函数模式实例教程
Jul 02 Javascript
vue+element的表格实现批量删除功能示例代码
Aug 17 Javascript
Vue.set() this.$set()引发的视图更新思考及注意事项
Aug 30 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
CI框架实现优化文件上传及多文件上传的方法
2017/01/04 PHP
Laravel Intervention/image图片处理扩展包的安装、使用与可能遇到的坑详解
2017/11/14 PHP
PHP开发api接口安全验证操作实例详解
2020/03/26 PHP
JS+XML 省份和城市之间的联动实现代码
2009/10/14 Javascript
JScript 脚本实现文件下载 一般用于下载木马
2009/10/29 Javascript
javascript浏览器兼容教程之事件处理
2014/06/09 Javascript
nodejs开发微博实例
2015/03/25 NodeJs
AngularJS实现textarea记录只能输入规定数量的字符并显示
2016/04/26 Javascript
JS DOMReady事件的六种实现方法总结
2016/11/23 Javascript
JS限制条件补全问题实例分析
2016/12/16 Javascript
JS异步文件分片断点上传的实现思路
2016/12/25 Javascript
Vue原理剖析 实现双向绑定MVVM
2017/05/03 Javascript
vue2.0使用swiper组件实现轮播效果
2017/11/27 Javascript
Vue实现带进度条的文件拖动上传功能
2018/02/23 Javascript
javascript标准库(js的标准内置对象)总结
2018/05/26 Javascript
Element UI 自定义正则表达式验证方法
2018/09/04 Javascript
微信小程序实现发送验证码按钮效果
2018/12/20 Javascript
使用layui实现的左侧菜单栏以及动态操作tab项方法
2019/09/10 Javascript
vue中的v-model原理,与组件自定义v-model详解
2020/08/04 Javascript
[53:20]2018DOTA2亚洲邀请赛 4.1 小组赛 A组加赛 VG vs OG
2018/04/03 DOTA
[38:39]完美世界DOTA2联赛循环赛 IO vs GXR BO2第二场 11.04
2020/11/05 DOTA
python实现定时播放mp3
2015/03/29 Python
Python随手笔记第一篇(2)之初识列表和元组
2016/01/23 Python
解决python3中自定义wsgi函数,make_server函数报错的问题
2017/11/21 Python
python之当你发现QTimer不能用时的解决方法
2019/06/21 Python
softmax及python实现过程解析
2019/09/30 Python
Python socket处理client连接过程解析
2020/03/18 Python
python使用matplotlib:subplot绘制多个子图的示例
2020/09/24 Python
如何使用css3实现一个类在线直播的队列动画的示例代码
2020/06/17 HTML / CSS
创建精神文明单位实施方案
2014/03/08 职场文书
单位委托书范本
2014/04/04 职场文书
关于旅游的活动方案
2014/08/15 职场文书
学生上课看漫画的检讨书
2014/09/26 职场文书
2016年幼儿园万圣节活动总结
2016/04/05 职场文书
springboot @ConfigurationProperties和@PropertySource的区别
2021/06/11 Java/Android
使用Python获取字典键对应值的方法
2022/04/26 Python