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 相关文章推荐
arguments对象
Nov 20 Javascript
javascript下数值型比较难点说明
Jun 07 Javascript
Three.js源码阅读笔记(基础的核心Core对象)
Dec 27 Javascript
IE、FF、Chrome浏览器中的JS差异介绍
Aug 13 Javascript
CSS鼠标响应事件经过、移动、点击示例介绍
Sep 04 Javascript
浅谈jQuery异步对象(XMLHttpRequest)
Nov 17 Javascript
jQuery无刷新上传之uploadify3.1简单使用
Jun 18 Javascript
Javascript 普通函数和构造函数的区别
Nov 05 Javascript
如何实现星星评价(jquery.raty.js插件)
Dec 21 Javascript
vue实现a标签点击高亮方法
Mar 17 Javascript
优雅的elementUI table单元格可编辑实现方法详解
Dec 23 Javascript
bootstrap与pagehelper实现分页效果
Dec 29 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 反射机制实现动态代理的代码
2008/10/22 PHP
php 无限分类的树类代码
2009/12/03 PHP
php INI配置文件的解析实现分析
2011/01/04 PHP
Linux系统递归生成目录中文件的md5的方法
2015/06/29 PHP
php实现json编码的方法
2015/07/30 PHP
YII2框架中behavior行为的理解与使用方法示例
2020/03/13 PHP
js动画(animate)简单引擎代码示例
2012/12/04 Javascript
js在数组中删除重复的元素自保留一个(两种实现思路)
2014/08/22 Javascript
jQuery简单实现仿京东商城的左侧菜单效果代码
2015/09/09 Javascript
基于jQuery实现滚动切换效果
2016/12/02 Javascript
一个炫酷的Bootstrap导航菜单
2016/12/28 Javascript
jQuery实现的响应鼠标移动方向插件用法示例【附源码下载】
2018/08/28 jQuery
vue中keep-alive组件的入门使用教程
2019/06/06 Javascript
js构造函数constructor和原型prototype原理与用法实例分析
2020/03/02 Javascript
Node.js 中判断一个文件是否存在
2020/08/24 Javascript
[00:58]他们到底在电话里听到了什么?
2017/11/21 DOTA
Python实现压缩与解压gzip大文件的方法
2016/09/18 Python
利用python实现简单的邮件发送客户端示例
2017/12/23 Python
Python简单实现socket信息发送与监听功能示例
2018/01/03 Python
Python爬虫_城市公交、地铁站点和线路数据采集实例
2018/01/10 Python
Python中生成器和迭代器的区别详解
2018/02/10 Python
Flask框架使用DBUtils模块连接数据库操作示例
2018/07/20 Python
Win8.1下安装Python3.6提示0x80240017错误的解决方法
2018/07/31 Python
详解python项目实战:模拟登陆CSDN
2019/04/04 Python
win10下安装Anaconda的教程(python环境+jupyter_notebook)
2019/10/23 Python
完美解决pycharm 不显示代码提示问题
2020/06/02 Python
Python 的 __str__ 和 __repr__ 方法对比
2020/09/02 Python
Python可以用来做什么
2020/11/23 Python
python3中for循环踩过的坑记录
2020/12/14 Python
一套带网友答案的.NET笔试题
2016/12/06 面试题
畜牧兽医本科生个人的自我评价
2013/10/11 职场文书
贷款委托书范本
2014/04/08 职场文书
售后服务质量承诺书
2015/04/29 职场文书
2016三八妇女节校园广播稿
2015/12/17 职场文书
九年级数学教学反思
2016/02/17 职场文书
班干部竞选演讲稿(精选5篇)
2019/09/24 职场文书