IE6 hack for js 集锦
1. ie6下iframe不显示的问题
在ie6下有时会碰到iframe不显示的问题,刷新后才能显示,此问题不是页面加载慢导致的,出现该问题的原因有多种可能:
src属性放在iframe中最前面(未曾遇见)
高度设置为100%,ie6下iframe不能取到该高度实际值,解决方案:设置为固定高度值
使用a标签触发onclick事件动态创建iframe时也会出现该现象,解决方案:click函数中增加return false; 如:
2. ie6下css sprite多次加载问题
在ie6下css sprite以及使用背景图的css中,对于同一图片会出现多次加载,增加了请求数,同时在带有hover效果的图片中会出现闪动现象。解决方案:
<!--[if IE 6]> <script type="text/javascript"> document.execCommand("BackgroundImageCache",false,true); </script> <![endif]-->
3. 页面跳转失效
在ie6下使用js的window.location.href=url做页面跳转时,会出现无效现象,尤其在a标签中使用onclick执行该函数时。解决方法:
window.location.href=url;return false;
相关推荐
-
百度Popup.js弹出框进化版 拖拽小框架发布 兼容IE6/7/8,Firefox,Chrome
我们之前发布过这样的代码,其实问题不大,但这里的版本主要是增加一些功能,回调执行服务器端的方法,对于asp.net开发或ajax开发都是非常有价值的改进.先看下效果图: 原有百度的Popup.js在有 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
-
用js实现table单元格高宽调整,兼容合并单元格(兼容IE6、7、8、FF)实例
先上效果图: CSS: 复制代码 代码如下: body{margin:0px;padding:0px;-moz-user-select:none;cursor:default;} .tabEditDiv{position:absolute;width:15px;height:15px;cursor:pointer;}.seltab{position:absolute;width:15px;height:15px;cursor:pointer;background:url(images/selta
-
JS时间选择器 兼容IE6,7,8,9
在线演示: http://demo.jb51.net/js/2012/js_date/ 复制代码 代码如下: <html> <head> <title>Js日期选择器并自动加入到输入框中</title> <meta http-equiv="content-Type" content="text/html;charset=gb2312"> <script type="text/javascri
-
js 兼容多浏览器的回车和鼠标焦点事件代码(IE6/7/8,firefox,chrome)
文本框: 复制代码 代码如下: <input type="text" onkeydown="keydownsearch(event)" /> js代码: 复制代码 代码如下: function keydownsearch(evt) { evt = (evt) ? evt : ((window.event) ? window.event : "") keyCode = evt.keyCode ? evt.keyCode : (evt.w
-
js实现兼容IE6与IE7的DIV高度
复制代码 代码如下: <body onload="setHeight()"> <script type="text/javascript"> function setHeight() { var PageHeight=$("oPage").scrollHeight var MaxHeight=507 if(PageHeight>MaxHeight) { $("oPageMain").style.h
-
js兼容IE6,IE7菜单高亮显示效果代码
兼容IE6,IE7菜单高亮显示 *{ font:12px tahoma; } #menu li{ list-style:none; width:88px; height:30px; float:left; background:#EFF1F5; text-align:center; margin:0; overflow:hidden; } #menu li a{ display:block; } #menu li a:link,#menu li a:visited{ text-decoratio
-
JS控制显示隐藏兼容问题(IE6、IE7、IE8)
在IE7中, 使用jQuery 显示:$("#a").attr("style",""); 隐藏:$("#a").attr("style","display:none"); 但是显示这个方法在IE8中不行 IE8 显示:$("#a").removeAttr("style"); 隐藏:$("#a").attr("style
-
IE6 hack for js 集锦
1. ie6下iframe不显示的问题 在ie6下有时会碰到iframe不显示的问题,刷新后才能显示,此问题不是页面加载慢导致的,出现该问题的原因有多种可能: src属性放在iframe中最前面(未曾遇见) 高度设置为100%,ie6下iframe不能取到该高度实际值,解决方案:设置为固定高度值 使用a标签触发onclick事件动态创建iframe时也会出现该现象,解决方案:click函数中增加return false; 如: 2. ie6下css sprite多次加载问题 在ie6下css s
-
IE6,IE7下js动态加载图片不显示错误
先描述一下出现这种匪夷所思bug的背景: 我在页面加载的时候加载一堆小缩略图,<a href="javascript:void(0);" onclick="switch_image('1.jpg')"><img src="1.thumb.jpg" /></a> 这么多小的缩略图标签循环平铺下来,当单击小的图片时,动态加载大的图片显示,就类似于淘宝的商品查看图片.页面上有一个标签: <div id=&quo
-
IE6下js通过css隐藏select的一个bug
今天遇到一个问题, 当隐藏表格行 Tr 时 $id("tr_" + id + "_1").style.setAttribute('cssText',"display:none;");, 表格行 Tr 里面的 select 在 IE6 中隐藏不了,还是会显示在页面当中.想单独设置 select 的样式为隐藏 $id("new_attpm_id2_" + id).style.setAttribute('cssText',"
-
CSS3+Js实现响应式导航条
今天制作了一个响应式导航条,能够自动随着不同的屏幕分辨率或浏览器窗口大小的不同而改变导航条的样式,这里主要用到的就是CSS3的Media Query.具体可以查看浅谈响应式布局这篇文章,这里就不花费大量的篇幅介绍了,主要看一下这个导航条该怎么做. 另外需要提到的是,ie6-ie8是不支持CSS3的Media Query的,因此对于ie6-ie8我们需要特殊处理,就让他们保持默认样式,这对于布局及样式上都要考虑到这一点. 首先看一下布局这一块,html代码如下: 复制代码 代码如下: <div c
-
前端弹出对话框 js实现ajax交互
原本计划实现这样一个需求: 前台点击触发某业务动作,需要用户补充信息,不做跳转页面,弹窗的形式进行补充信息. 折腾出来了,但是最终没有用到. 代码还有些毛躁,提供大概实现逻辑. 实现思路:在窗口铺上蒙板以屏蔽原窗口功能按钮操作,在蒙板上层绝对定位实现弹窗,弹窗中的数据交互采用ajax方式. 出发弹窗事件用onclick. 关键细节:弹窗和原窗体本质是同页面,为了描述方便,姑且称底层窗体为父窗体,弹窗为子窗体.为了实现字父窗体的交互,需要在父窗体中做一些特别标签,以便选择器选择,并操作插入新的d
-
yepnope.js使用详解及示例分享
yepnope.js的一个典型实例: yepnope({ test : Modernizr.geolocation, yep : 'normal.js', nope : ['polyfill.js', 'wrapper.js'] }); 此实例表示如果Modernizr.geolocation为真的时候加载normal.js,为假则加载polyfill.js及wrapper.js. yepnope完整语法: yepnope([{ test : /* boolean(ish) 输入条件 */, y
-
IE6背景图片不缓存问题解决方案及图片使用策略多个方法小结
解决方法一:IE6 Hack脚本 复制代码 代码如下: <script> if(navigator.appName == "Microsoft Internet Explorer"){ var b_version=navigator.appVersion; var version=b_version.split(";"); var trim_Version=version[1].replace(/[ ]/g,""); if(trim_
-
jquery实现网页定位导航
不知道大家有没有注意到有的网页由于页面信息量太大所以使用了页面定位导航来实现跳转,点击旁边的菜单的某一项页面就跳到那一项对应的内容,而且我们滚动滚动条,当滚动到某一项内容,旁边菜单对应的那一项也会高亮显示.今天我就来讲讲这样的效果是如何实现的. 先贴上显示效果: 实现: 这个的页面布局很简单,大家下去多试试就OK了,值得注意的是需要在菜单布局里的每一个li里面添加a标签并且给a标签的 href 赋上对应的id号,可以让其点击立即跳到id对应的内容 然后就是jquery是如何实现的: 1.我们需
-
基于JQuery和原生JavaScript实现网页定位导航特效
慕课网的一个小课程,练习了一遍,不足之处,欢迎指正(照片在本地,大家可以着重看代码哈): <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>爱淘气购物网-JQuery网页定位导航特效</title> <style> /*All tag*/ html, body, div, ul, li, img
-
如何使用CSS3画出一个叮当猫
刚学习了这个案例,然后觉得比较好玩,就练习了一下.然后发现其实也不难,如果你经常使用PS或者Flash的话,应该就会知道画个叮当猫是很容易 的事,至少我是这么觉得.但是,用CSS3画出来确实是第一次接触,所以很乐意去尝试一下,对于我这种菜鸟,确实是帮助不少,至少懂得如何去画一个简单的 人物形象出来,再加上一些动画效果,就活了,那就更好玩了!OK,开始之前,先把效果图晒一下: PS:说实话,我觉得挺可爱的,小时候经常看多啦A梦,突然感觉很亲切,很童真,瞬间年轻了好多,哈哈!热烈的笑脸 首先,先把H
随机推荐
- JS实现随页面滚动显示/隐藏窗口固定位置元素
- 获取当前按钮或者html的ID名称实例(推荐)
- JS localStorage实现本地缓存的方法
- IIS7传大于30M的视频时出现找不到文件或目录错误正确处理方法
- 在远程计算机的CMD内下载FTP文件的方法
- iOS开发之触摸事件以及手势
- 浅谈JavaScript函数参数的可修改性问题
- Java正则表达式入门学习
- js实现目录定位正文示例
- c#文件下载示例的4种方法分享
- Android onActivityResult和setResult方法详解及使用
- javascript 弹出的窗口返回值给父窗口具体实现
- ssh expect自动登录的脚本代码
- 牛郎织女的传说、七夕情人节的由来
- java定时调度器(Quartz)使用实例
- SQL货币数字转英文字符语句
- 理解nodejs的stream和pipe机制的原理和实现
- PHP表单递交控件名称含有点号(.)会被转化为下划线(_)的处理方法
- webpack学习教程之前端性能优化总结
- 微信小程序公用参数与公用方法用法示例