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中Object和Function的关系的三段简单代码
Jun 27 Javascript
javascript解析json实例详解
Nov 05 Javascript
jQuery实现在textarea指定位置插入字符或表情的方法
Mar 11 Javascript
JS根据key值获取URL中的参数值及把URL的参数转换成json对象
Aug 26 Javascript
JS数组排序技巧汇总(冒泡、sort、快速、希尔等排序)
Nov 24 Javascript
canvas绘图不清晰的解决方案
Feb 28 Javascript
webpack将js打包后的map文件详解
Feb 22 Javascript
React 路由懒加载的几种实现方案
Oct 23 Javascript
Vue axios全局拦截 get请求、post请求、配置请求的实例代码
Nov 28 Javascript
利用原生JavaScript实现造日历轮子实例代码
May 08 Javascript
js实现Element中input组件的部分功能并封装成组件(实例代码)
Mar 02 Javascript
JavaScript如何利用Promise控制并发请求个数
May 14 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 分页类实现代码
2009/12/03 PHP
php开启安全模式后禁用的函数集合
2011/06/26 PHP
调整优化您的LAMP应用程序的5种简单方法
2011/06/26 PHP
详解WordPress中给链接添加查询字符串的方法
2015/12/18 PHP
php事件驱动化设计详解
2016/11/10 PHP
浅谈Laravel中的三种中间件的作用
2019/10/13 PHP
CSS和JS标签style属性对照表(方便js开发的朋友)
2010/11/11 Javascript
javascript获取隐藏dom的宽高 具体实现
2013/07/14 Javascript
js 数组去重的四种实用方法
2014/09/09 Javascript
JS中完美兼容各大浏览器的scrolltop方法
2015/04/17 Javascript
jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表
2015/08/26 Javascript
利用Node.js制作爬取大众点评的爬虫
2016/09/22 Javascript
KnockoutJS 3.X API 第四章之表单textInput、hasFocus、checked绑定
2016/10/11 Javascript
基于javascript实现的购物商城商品倒计时实例
2016/12/11 Javascript
canvas 画布在主流浏览器中的尺寸限制详细介绍
2016/12/15 Javascript
svg动画之动态描边效果
2017/02/22 Javascript
微信小程序 支付功能(前端)的实现
2017/05/24 Javascript
梳理一下vue中的生命周期
2020/12/30 Vue.js
python实现数通设备端口监控示例
2014/04/02 Python
python实现自主查询实时天气
2018/06/22 Python
Python 学习教程之networkx
2019/04/15 Python
flask框架jinja2模板与模板继承实例分析
2019/08/01 Python
pytorch 固定部分参数训练的方法
2019/08/17 Python
Python tkinter实现日期选择器
2021/02/22 Python
使用 HTML5 Canvas 制作水波纹效果点击图片就会触发
2014/09/15 HTML / CSS
Booking.com缤客中国:全球酒店在线预订网站
2020/05/03 全球购物
全球最大化妆品零售网站:SkinStore
2020/10/24 全球购物
面向对象概念面试题(.NET)
2016/11/04 面试题
结婚周年感言
2014/02/24 职场文书
试用期转正员工自我评价
2014/09/18 职场文书
有限公司股东合作协议书
2014/10/29 职场文书
2014年终个人工作总结
2014/11/07 职场文书
模范教师材料大全
2014/12/16 职场文书
五一放假通知怎么写
2015/08/18 职场文书
2016年“世界环境日”校园广播稿
2015/12/18 职场文书
Mongo服务重启异常问题的处理方法
2021/07/01 MongoDB