IE7浏览器窗口大小改变事件执行多次bug及IE6/IE7/IE8下resize问题
本文主要通过代码示例给大家介绍IE7浏览器窗口大小改变事件执行多次bug及IE6/IE7/IE8下resize问题;分步介绍,先给大家介绍IE7浏览器窗口大小改变事件执行多次bug,具体问题分析及解决方案请看下文。
var resizeTimer = null; $(window).resize(function() { if (resizeTimer) clearTimeout(resizeTimer); resizeTimer = setTimeout("alert('mm')", 500); });
还有一个通过判断变量的奇偶来解决(感觉这方法还行)
代码如下:
var n=0; $(window).resize(function(){ if(n%2==0){ alert("mm"); } n++; });
无论是jquery封装的还是js原生的都会产生此bug
IE6/IE7/IE8 JQuery下resize事件执行多次的解决方法
在使用jQuery的resize事件时发现每次改变浏览器的窗口大小时resize时间会执行两次,百度搜索了一下找到一个解决的方法,
使用setTimeout来解决这个问题代码如下:
var resizeTimer = null; $(window).resize(function() { if (resizeTimer) clearTimeout(resizeTimer); resizeTimer = setTimeout("alert('mm')", 500); });
还有一个通过判断变量的奇偶来解决(感觉这方法还行),代码如下:
var n=0; $(window).resize(function(){ if(n%2==0){ alert("mm"); } n++; });
以上就是本文针对IE7浏览器窗口大小改变事件执行多次bug及IE6/IE7/IE8下resize问题,希望对大家有所帮助。
相关推荐
-
本地图片预览(支持IE6/IE7/IE8/Firefox3)经验总结
最近在Web项目开发过程中遇到的本地图片预览的需求,虽然最后因为其他原因没能使用,但是也算有些了解,整理出来. 这里我们按浏览器分,主要包括IE6,IE7/8 和Firefox3, 不包含Opera,Safari和Chrome,这三个基本上需求很小,没有研究. 总结一下就是: IE6下可以直接从file的value获取图片路径来显示预览. IE7和IE8下通过select获取file的图片路径,再用滤镜来显示预览. FireFox下调用file的getAsDataURL方法获取Data URI数
-
ie6,ie7,ie8完美支持position:fixed的终极解决方案
ie6对position:fixed不支持,网上有很多解决方法,有的在ie6,ie7上调试成功后,在ie8上又不好使,div层还是跟随滚动条浮 动:以下总结方法,在ie6,ie7,ie8上都调试成功,且页面滚动条滚动时,效果还挺好,div层并不会闪烁. 复制代码 代码如下: <div id="goTop_div" class="fixed ie"> </div> css: 复制代码 代码如下: .fixed{ positio
-
IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值的完美解决方案
IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值,重现代码如下 复制代码 代码如下: <!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title>IE6-IE9中tbody的innerHTML不能复制bug</title> </head> <body style=&quo
-
IE6,IE7,IE8下使用Javascript记录光标选中范围(已补全)
刚和同事讨论了一个很有趣的问题,有个idea,需要记录用户在页面选中的内容,在ff和ie9下有w3c的dom2级事件createRange,这里不再累赘.主要问题是在IE6,7,8只能通过createTextRange选中热区.假如我们知道用户选择开始元素和偏移量,以及结束元素以及偏移量,那么我们可以用下面的例子把用户选择的内容用js给标记起来 复制代码 代码如下: <head> <script> function mark() { var b= document.getEleme
-
解决window.opener=null;window.close(),只支持IE6不支持IE7,IE8的问题
window.opener=null;window.close(),只支持IE6不支持IE7的问题 打开新窗口并且关闭本窗口不弹出要关闭窗口前的提示function openWin(){window.open('login.jsp','','fullscreen=yes,menubar=no,resizable=no');window.opener=null;window.close();} 在IE7下为 function openWin(){ window.opener=null;window
-
IE6/7 and IE8/9/10(IE7模式)依次隐藏具有absolute或relative的父元素和子元素后再显示父元素
如下 1,两个div,d1中包含d2 2,d1,d2都设置了absolute或relative 3,隐藏d1 4,隐藏子元素d2 5,显示d1 这时IE6/7 and IE8/9/10(IE7模式)中会发现,子元素d2也能显示出了(别忘了,d2被display:none 了哦).但IE8/9/10/Firefox5/Safari4/Chrome12中子元素d2仍然是被隐藏的. 重现代码 复制代码 代码如下: <!DOCTYPE HTML> <HTML> <HEAD> &
-
jsp 文件上传浏览,支持ie6,ie7,ie8
找了好久终于找到一个jsp上能用的-- 分享!! 复制代码 代码如下: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> &l
-
JS代码判断IE6,IE7,IE8,IE9的函数代码
做网页有时候会用到JS检测IE的版本,下面是检测Microsoft Internet Explorer版本的三种代码! 第一种: 复制代码 代码如下: <script type="text/javascript"> var browser=navigator.appName var b_version=navigator.appVersion var version=b_version.split(";"); var trim_Version=versi
-
js中访问html中iframe的文档对象的代码[IE6,IE7,IE8,FF]
<iframe id= "myframe" ></iframe> W3C的标准告诉我们,可以通过Dom对象的contentDocument属性来返回文档对象. 即 复制代码 代码如下: doc= document.getElementById('myframe' ).contentDocument 但对IE浏览器来说,经过测试,IE6,IE7都不支持,IE8开始支持了. 在IE下,需要这样来访问 复制代码 代码如下: document.frames['myfra
-
JS控制显示隐藏兼容问题(IE6、IE7、IE8)
在IE7中, 使用jQuery 显示:$("#a").attr("style",""); 隐藏:$("#a").attr("style","display:none"); 但是显示这个方法在IE8中不行 IE8 显示:$("#a").removeAttr("style"); 隐藏:$("#a").attr("style
随机推荐
- CentOS+Nginx+PHP+MySQL详细配置(图解)
- jQuery如何跳转到另一个网页 就这么简单
- Win2008,windows2008序列号查看器
- wowexec.exe比较简单的查杀办法(毒霸就是wowexec.exe专杀工具)
- pygame加载中文名mp3文件出现error
- php字符串截取函数用法分析
- 深入解析php之sphinx
- javascript用正则表达式把1234567890替换为abcdefghij
- python的迭代器与生成器实例详解
- Struts html:checkbox框初始默认是选中的解决方法
- 详解桶排序算法的思路及C++编程中的代码实现
- JavaScript严格模式详解
- Linux shell ftp命令根据文件日期下载文件的方法
- MyBatis多对多映射初识教程
- jQuery遍历DOM节点操作之filter()方法详解
- jquery动画效果学习笔记(8种效果)
- js 文本框里粘贴一个图片url并显示
- Python中set与frozenset方法和区别详解
- php 伪造本地文件包含漏洞的代码
- 天下·网吧加油站打造稳定的电子交易平台