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中map()方法用法实例
Jan 06 Javascript
js实现仿MSN带关闭功能的右下角弹窗代码
Sep 04 Javascript
JavaScript实现cookie的写入、读取、删除功能
Nov 05 Javascript
BootStrap扔进Django里的方法详解
May 13 Javascript
js实现滑动到页面底部自动加载更多功能
Feb 15 Javascript
js实现延迟加载的几种方法
Apr 24 Javascript
使用vue官方提供的模板vue-cli搭建一个helloWorld案例分析
Jan 16 Javascript
使用express+multer实现node中的图片上传功能
Feb 02 Javascript
微信小程序实现两边小中间大的轮播效果的示例代码
Dec 07 Javascript
详细分析vue响应式原理
Jun 22 Javascript
vue集成openlayers加载geojson并实现点击弹窗教程
Sep 24 Javascript
vue 基于abstract 路由模式 实现页面内嵌的示例代码
Dec 14 Vue.js
基于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 文件上传模型,支持多文件上传
2009/08/13 PHP
php checkbox复选框值的获取与checkbox默认值输出方法
2010/05/15 PHP
php 记录进行累加并显示总时长为秒的结果
2011/11/04 PHP
通过PHP current函数获取未知字符键名数组第一个元素的值
2013/06/24 PHP
PHP不使用递归的无限级分类简单实例
2016/11/05 PHP
更正确的asp冒泡排序
2007/05/24 Javascript
JQuery入门—JQuery程序的代码风格详细介绍
2013/01/03 Javascript
详解JavaScript语法对{}处理的坑爹之处
2014/06/05 Javascript
jquery网页回到顶部效果(图标渐隐,自写)
2014/06/16 Javascript
javascript中createElement的两种创建方式
2015/05/14 Javascript
深入浅析JavaScript中prototype和proto的关系
2015/11/15 Javascript
原生js开发的日历插件
2017/02/04 Javascript
JavaScript数据结构之二叉查找树的定义与表示方法
2017/04/12 Javascript
详解原生js实现offset方法
2017/06/15 Javascript
vue 2.0封装model组件的方法
2017/08/03 Javascript
浅谈mint-ui 填坑之路
2017/11/06 Javascript
详解node Async/Await 更好的异步编程解决方案
2018/05/10 Javascript
优雅的处理vue项目异常实战记录
2019/06/05 Javascript
ES6新增的数组知识实例小结
2020/05/23 Javascript
Python实现的检测web服务器健康状况的小程序
2014/09/17 Python
python基础入门学习笔记(Python环境搭建)
2016/01/13 Python
python Django批量导入不重复数据
2016/03/25 Python
解决python读取几千万行的大表内存问题
2018/06/26 Python
python取数作为临时极大值(极小值)的方法
2018/10/15 Python
详解python中的hashlib模块的使用
2019/04/22 Python
Django使用中间件解决前后端同源策略问题
2019/09/02 Python
python 如何将数据写入本地txt文本文件的实现方法
2019/09/11 Python
基于python操作ES实例详解
2019/11/16 Python
解决安装pyqt5之后无法打开spyder的问题
2019/12/13 Python
浅谈Python3实现两个矩形的交并比(IoU)
2020/01/18 Python
yy婚礼主持词
2014/03/14 职场文书
乔丹名人堂演讲稿
2014/05/24 职场文书
大四优秀党员个人民主评议
2014/09/19 职场文书
四风剖析查摆对照检查材料思想汇报
2014/09/24 职场文书
创业计划书之溜冰场
2019/10/25 职场文书
苹果macOS 13开发者预览版Beta 8发布 正式版10月发布
2022/09/23 数码科技