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各浏览器中option元素的表现差异
Apr 07 Javascript
深入解析contentWindow, contentDocument
Jul 04 Javascript
js实现滑动触屏事件监听的方法
May 05 Javascript
javascript解决小数的加减乘除精度丢失的方案
May 31 Javascript
浅谈JS继承_借用构造函数 &amp; 组合式继承
Aug 16 Javascript
canvas 弹幕效果(实例分享)
Jan 11 Javascript
canvas绘图不清晰的解决方案
Feb 28 Javascript
原生js实现仿window10系统日历效果的实例
Oct 31 Javascript
详解基于vue-cli优化的webpack配置
Nov 06 Javascript
浅谈vue3中effect与computed的亲密关系
Oct 10 Javascript
使用Vue.set()方法实现响应式修改数组数据步骤
Nov 09 Javascript
vue实现导航菜单和编辑文本的示例代码
Jul 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中几个常用的魔术常量
2012/02/23 PHP
关于扩展 Laravel 默认 Session 中间件导致的 Session 写入失效问题分析
2016/01/08 PHP
php 遍历目录,生成目录下每个文件的md5值并写入到结果文件中
2016/12/12 PHP
用PHP去掉文件头的Unicode签名(BOM)方法
2017/06/22 PHP
javascript的事件描述
2006/09/08 Javascript
javascript模仿msgbox提示效果代码
2008/06/10 Javascript
Google 静态地图API实现代码
2010/11/19 Javascript
常规表格多表头查询示例
2014/02/21 Javascript
分享12个非常实用的JavaScript小技巧
2016/05/11 Javascript
js实现适合新闻类图片的轮播效果
2017/02/05 Javascript
Node.js通过身份证号验证年龄、出生日期与性别方法示例
2017/03/09 Javascript
js弹出窗口简单实现代码
2017/03/22 Javascript
Angular2使用jQuery的方法教程
2017/05/28 jQuery
对于Javascript 执行上下文的全面了解
2017/09/05 Javascript
JavaScript中运算符规则和隐式类型转换示例详解
2017/09/06 Javascript
vue单页面打包文件大?首次加载慢?nginx带你飞,从7.5M到1.3M蜕变过程(推荐)
2018/01/16 Javascript
Nodejs libuv运行原理详解
2019/08/21 NodeJs
layui实现多图片上传并限制上传的图片数量
2019/09/26 Javascript
js实现网页版贪吃蛇游戏
2020/02/22 Javascript
[14:24]Optic Gaming vs PSG LGD BO3
2018/06/07 DOTA
python实现巡检系统(solaris)示例
2014/04/02 Python
python基础教程之循环介绍
2014/08/29 Python
使用Turtle画正螺旋线的方法
2017/09/22 Python
python中requests库session对象的妙用详解
2017/10/30 Python
python处理csv数据动态显示曲线实例代码
2018/01/23 Python
Pandas之drop_duplicates:去除重复项方法
2018/04/18 Python
Python(TensorFlow框架)实现手写数字识别系统的方法
2018/05/29 Python
详解python读取image
2019/04/03 Python
python 多线程对post请求服务器测试并发的方法
2019/06/13 Python
Pytorch 之修改Tensor部分值方式
2019/12/27 Python
个人实用简单的自我评价
2013/10/19 职场文书
产品质量承诺书范文
2014/03/27 职场文书
环保倡议书100字
2014/05/15 职场文书
试用期员工工作自我评价
2014/09/10 职场文书
写给消防战士们的一封慰问信
2019/10/07 职场文书
Python 详解通过Scrapy框架实现爬取CSDN全站热榜标题热词流程
2021/11/11 Python