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参考实例2.0 用jQuery选择元素
Apr 07 Javascript
Jquery each方法跳出循环,并获取返回值(实例讲解)
Dec 12 Javascript
jquery选择器之属性过滤选择器详解
Jan 27 Javascript
js检验密码强度(低中高)附图
Jun 05 Javascript
详细总结Javascript中的焦点管理
Sep 17 Javascript
基于BootStrap的文本编辑器组件Summernote
Oct 27 Javascript
JavaScript原生实现观察者模式的示例
Dec 15 Javascript
webpack 插件html-webpack-plugin的具体使用
Apr 09 Javascript
利用JS动态生成隔行换色HTML表格的两种方法
Oct 09 Javascript
详解微信UnionID作用
May 15 Javascript
解决vue的过渡动画无法正常实现问题
Oct 31 Javascript
vue el-tree 默认展开第一个节点的实现代码
May 15 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 用sock技术发送邮件的函数
2007/07/21 PHP
PHP编程之设置apache虚拟目录
2016/07/08 PHP
php mysql实现mysql_select_db选择数据库
2016/12/30 PHP
PHP读取并输出XML文件数据的简单实现方法
2017/12/22 PHP
JavaScript DOM学习第八章 表单错误提示
2010/02/19 Javascript
关于JavaScript中var声明变量作用域的推断
2010/12/16 Javascript
使用js实现按钮控制文本框加1减1应用于小时+分钟
2013/12/09 Javascript
js实现简单的可切换选项卡效果
2015/04/10 Javascript
Node.js学习之TCP/IP数据通讯(实例讲解)
2017/10/11 Javascript
微信小程序支付功能 php后台对接完整代码分享
2018/06/12 Javascript
使用vue的transition完成滑动过渡的示例代码
2018/06/25 Javascript
函数式编程入门实践(一)
2019/04/20 Javascript
微信小程序事件对象中e.target和e.currentTarget的区别详解
2019/05/08 Javascript
微信小程序学习总结(三)条件、模板、文件引用实例分析
2020/06/04 Javascript
VueX模块的具体使用(小白教程)
2020/06/05 Javascript
手机浏览器唤起微信分享(JS)
2020/10/11 Javascript
详解Python迭代和迭代器
2016/03/28 Python
python中os模块详解
2016/10/14 Python
基于python的七种经典排序算法(推荐)
2016/12/08 Python
pip安装时ReadTimeoutError的解决方法
2018/06/12 Python
解决Python3 被PHP程序调用执行返回乱码的问题
2019/02/16 Python
Python语言编写智力问答小游戏功能
2020/10/13 Python
python实现不同数据库间数据同步功能
2021/02/25 Python
CSS3中的transform属性进行2D和3D变换的基本用法
2016/05/12 HTML / CSS
Hotels.com中国区:好订网
2016/08/18 全球购物
德国高性价比网上药店:medpex
2017/07/09 全球购物
体育教师自荐信范文
2013/12/16 职场文书
什么样的创业计划书可行性高?
2014/02/01 职场文书
抽奖活动主持词
2014/03/31 职场文书
小学家长学校培训材料
2014/08/24 职场文书
装配出错检讨书
2014/09/23 职场文书
软件项目经理岗位职责
2015/04/01 职场文书
淘宝客服专员岗位职责
2015/04/07 职场文书
2015年科协工作总结
2015/05/19 职场文书
MySQL 视图(View)原理解析
2021/05/19 MySQL
你真的会用Mysql的explain吗
2022/03/31 MySQL