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定时机制
Oct 29 Javascript
jquery div 居中技巧应用介绍
Nov 24 Javascript
JavaScript运行时库属性一览表
Mar 14 Javascript
gameboy网页闯关游戏(riddle webgame)--仿微信聊天的前端页面设计和难点
Feb 21 Javascript
Bootstrap每天必学之按钮(Button)插件
Apr 25 Javascript
JS 对象(Object)和字符串(String)互转方法
May 20 Javascript
Three.js实现浏览器变动时进行自适应的方法
Sep 26 Javascript
Angular 容器部署的方法
Apr 17 Javascript
JS中数据结构之栈
Jan 01 Javascript
ES6 对象的新功能与解构赋值介绍
Feb 05 Javascript
js遍历详解(forEach, map, for, for...in, for...of)
Aug 28 Javascript
layui 实现table翻页滚动条位置保持不变的例子
Sep 05 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数据缓存技术
2007/02/14 PHP
关于BIG5-HKSCS的解决方法
2007/03/20 PHP
解析PHP中DIRECTORY_SEPARATOR,PATH_SEPARATOR两个常量的作用
2013/06/21 PHP
解决PhpMyAdmin中导入2M以上大文件限制的方法分享
2014/06/06 PHP
PHP实现负载均衡session共享redis缓存操作示例
2018/08/22 PHP
php使用redis的几种常见操作方式和用法示例
2020/02/20 PHP
juqery 学习之六 CSS--css、位置、宽高
2011/02/11 Javascript
如何正确使用javascript 来进行我们的程序开发
2014/06/23 Javascript
node.js中的path.isAbsolute方法使用说明
2014/12/08 Javascript
谈谈我对JavaScript中typeof和instanceof的深入理解
2015/12/25 Javascript
AngularJs实现分页功能不带省略号的代码
2016/05/30 Javascript
js监听input输入框值的实时变化实例
2017/01/26 Javascript
详解Node.js实现301、302重定向服务
2017/04/07 Javascript
Angular 4.X开发实践中的踩坑小结
2017/07/04 Javascript
webstorm添加vue.js支持的方法教程
2017/07/05 Javascript
vue教程之toast弹框全局调用示例详解
2020/08/24 Javascript
浅谈Vue SPA 首屏加载优化实践
2017/12/15 Javascript
详解Vue 全局引入bass.scss 处理方案
2018/03/26 Javascript
vue 指定组件缓存实例详解
2018/04/01 Javascript
浅谈ElementUI中switch回调函数change的参数问题
2018/08/24 Javascript
微信小程序实现多行文字超出部分省略号显示功能
2019/10/23 Javascript
jQuery操作选中select下拉框的值代码实例
2020/02/07 jQuery
Ant Design Pro 之 ProTable使用操作
2020/10/31 Javascript
使用python分析git log日志示例
2014/02/27 Python
在Python中使用next()方法操作文件的教程
2015/05/24 Python
对pycharm代码整体左移和右移缩进快捷键的介绍
2018/07/16 Python
python使用tornado实现登录和登出
2018/07/28 Python
HTML的form表单和django的form表单
2019/07/25 Python
Django如何使用第三方服务发送电子邮件
2019/08/14 Python
Python批量启动多线程代码实例
2020/02/18 Python
HTML 5 标签、属性、事件及浏览器兼容性速查表 附打包下载
2012/10/20 HTML / CSS
非常详细的C#面试题集
2016/07/13 面试题
学校清明节活动总结
2014/07/04 职场文书
大学生创业事迹材料
2014/12/30 职场文书
面试通知邮件
2015/04/20 职场文书
Spring Boot 实现敏感词及特殊字符过滤处理
2021/06/29 Java/Android