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 相关文章推荐
定义select的边框颜色
Apr 28 Javascript
jquery tools系列 expose 学习
Sep 06 Javascript
js函数中onmousedown和onclick的区别和联系探讨
May 19 Javascript
jQuery回车实现登录简单实现
Aug 20 Javascript
node.js中的fs.exists方法使用说明
Dec 17 Javascript
JS实现的简洁二级导航菜单雏形效果
Oct 13 Javascript
JavaScript 函数的定义-调用、注意事项
Apr 16 Javascript
JavaScript实现离开页面前提示功能【附jQuery实现方法】
Sep 26 jQuery
解决Vue使用swiper动态加载数据,动态轮播数据显示白屏的问题
Sep 27 Javascript
swiper在angularjs中使用循环轮播失效的解决方法
Sep 27 Javascript
vue项目中使用Hbuilder打包app 设置沉浸式状态栏的方法
Oct 22 Javascript
JS实现简单移动端鼠标拖拽
Jul 23 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
网页游戏开发入门教程三(简单程序应用)
2009/11/02 PHP
关于使用coreseek并为其做分页的介绍
2013/06/21 PHP
JavaScript 实现??打印?理
2007/04/28 Javascript
(JS实现)MapBar中坐标的加密和解密的脚本
2007/05/16 Javascript
JQUERY设置IFRAME的SRC值的代码
2010/11/30 Javascript
让人期待的2011年度最佳 jQuery 插件分享
2012/03/16 Javascript
jquery实现一个简单好用的弹出框
2014/09/26 Javascript
javascript框架设计读书笔记之数组的扩展与修复
2014/12/02 Javascript
AngularJS入门教程之REST和定制服务详解
2016/08/19 Javascript
JavaScript中关键字 in 的使用方法详解
2016/10/17 Javascript
JavaScript实现按键精灵的原理分析
2017/02/21 Javascript
Vue使用.sync 实现父子组件的双向绑定数据问题
2019/04/04 Javascript
实例详解带参数的 npm script
2019/05/28 Javascript
仅利用30行Python代码来展示X算法
2015/04/01 Python
python实现清屏的方法
2015/04/30 Python
Python Sqlite3以字典形式返回查询结果的实现方法
2016/10/03 Python
Python实现的远程登录windows系统功能示例
2018/06/21 Python
python利用百度AI实现文字识别功能
2018/11/27 Python
关于python下cv.waitKey无响应的原因及解决方法
2019/01/10 Python
自适应线性神经网络Adaline的python实现详解
2019/09/30 Python
python通过nmap扫描在线设备并尝试AAA登录(实例代码)
2019/12/30 Python
django admin 根据choice字段选择的不同来显示不同的页面方式
2020/05/13 Python
pandas处理csv文件的方法步骤
2020/10/16 Python
pytorch下的unsqueeze和squeeze的用法说明
2021/02/06 Python
The Beach People美国:澳洲海滨奢华品牌
2018/07/05 全球购物
优秀导游先进事迹材料
2014/01/25 职场文书
迎新晚会主持词
2014/03/24 职场文书
大学生村官考核材料
2014/05/23 职场文书
机电一体化专业求职信
2014/07/22 职场文书
2014最新离职证明范本
2014/09/12 职场文书
三八妇女节致辞
2015/07/31 职场文书
会议室使用管理制度
2015/08/06 职场文书
党员公开承诺书(2016最新版)
2016/03/24 职场文书
Python中常见的反爬机制及其破解方法总结
2021/06/10 Python
java设计模式--建造者模式详解
2021/07/21 Java/Android
Mysql数据库事务的脏读幻读及不可重复读详解
2022/05/30 MySQL