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-Easyui 1.2 实现多层菜单效果的代码
Jan 13 Javascript
jQuery拖动图片删除示例
May 10 Javascript
jquery中event对象属性与方法小结
Dec 18 Javascript
JS基于Mootools实现的个性菜单效果代码
Oct 21 Javascript
利用PM2部署node.js项目的方法教程
May 10 Javascript
vue中的$emit 与$on父子组件与兄弟组件的之间通信方式
May 13 Javascript
Javascript实现秒表倒计时功能
Nov 17 Javascript
vue请求本地自己编写的json文件的方法
Apr 25 Javascript
js实现图片区域可点击大小随意改变(适用移动端)代码实例
Sep 11 Javascript
js实现图片实时时钟
Jan 15 Javascript
javascript设计模式 ? 组合模式原理与应用实例分析
Apr 14 Javascript
深入理解javascript中的this
Feb 08 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/01/20 PHP
Mysql中分页查询的两个解决方法比较
2013/05/02 PHP
PHP针对常规模板引擎中与CSS/JSON冲突的解决方法
2014/08/19 PHP
php获取远程文件的内容和大小
2015/11/03 PHP
php简单实现文件或图片强制下载的方法
2016/12/06 PHP
PHP的PDO事务与自动提交
2019/01/24 PHP
JS 控制小数位数的实现代码
2011/08/02 Javascript
JavaScript将XML转成JSON的方法
2015/03/12 Javascript
javascript模拟命名空间
2015/04/17 Javascript
jQuery实现的AJAX简单弹出层效果代码
2015/11/26 Javascript
JavaScript实现的MD5算法完整实例
2016/02/02 Javascript
jQuery中ajax错误调试分析
2016/12/01 Javascript
浅谈javascript中执行环境(作用域)与作用域链
2016/12/08 Javascript
ES6概念 ymbol.for()方法
2016/12/25 Javascript
Angular 输入框实现自定义验证功能
2017/02/19 Javascript
bootstrap+jQuery 实现下拉菜单中复选框全选和全不选效果
2017/06/12 jQuery
javascript input输入框模糊提示功能的实现
2017/09/25 Javascript
基于$.ajax()方法从服务器获取json数据的几种方式总结
2018/01/31 Javascript
微信小程序实现图片预览功能
2018/01/31 Javascript
vue使用$emit时,父组件无法监听到子组件的事件实例
2018/02/26 Javascript
vue点击input弹出带搜索键盘并监听该元素的方法
2018/08/25 Javascript
jQuery Migrate 插件用法实例详解
2019/05/22 jQuery
详解express使用vue-router的history踩坑
2019/06/05 Javascript
使用python实现rsa算法代码
2016/02/17 Python
Python利用matplotlib生成图片背景及图例透明的效果
2017/04/27 Python
Django使用AJAX调用自己写的API接口的方法
2019/03/06 Python
使用python的pandas为你的股票绘制趋势图
2019/06/26 Python
使用opencv将视频帧转成图片输出
2019/12/10 Python
python 普通克里金(Kriging)法的实现
2019/12/19 Python
前端H5 Video常见使用场景简介
2020/08/21 HTML / CSS
UNIX文件系统分类
2014/11/11 面试题
乡镇爱国卫生月活动总结
2014/06/25 职场文书
奉献爱心演讲稿
2014/09/04 职场文书
吃空饷专项整治方案
2014/10/27 职场文书
志愿者个人总结
2015/03/03 职场文书
2016大学生优秀志愿者事迹材料
2016/02/25 职场文书