`
xyuwe
  • 浏览: 11632 次
社区版块
存档分类
最新评论

ie 7 window resize

 
阅读更多

今天公司要搬家,实在是吵吵闹闹搞了一天,学了一点javascript

 

ie 6 , ie 7 在window resize 的时候 会出现多次(简单的说 在这些浏览器下面 resize是一个动态的过程,从开始位置到最终大小,他们不止一次的触发resize事件)

 

$(function(){

     $(window).resize(function(){

        //正常情况
        alert(1);

       //IE 6 , IE7  个人想出的解决方法
       height = $(window).height();

       eventId = setTimeout(function(){

           newHeight = $(window).height();
           if(newHeight == height){
              alert(1);
              clearTimeout(eventId);
           }
        },1000)

     });

})

//上面的方法有问题现在需要修复一下
//date 2014 12 20 
	tempHeight = 0 ; 
		tempWidth = 0 ; 
		timeoutId = 0 ; 
		var clearId = function(max){
		
			for(var i = 0 ; i <= max ; i++){
				clearTimeout(i);
			}
		}
		
		$(window).resize(function(){
			timeoutId = setTimeout(function(){
			 
				alert(1);
				alert("time out id is "+timeoutId);
				clearId(timeoutId);
			 
			},500);
			 
		})

 上面的方法是我自己用来解决的,下面提供一个网上流传更为广阔的方法,效率可能更高一点

 

$(window).resize($.debounce(1000, function(){
		
			alert(1);
		
		}));

http://stackoverflow.com/questions/1500312/dom-onresize-event 参考这个连接 

 

分享到:
评论

相关推荐

    IE7浏览器窗口大小改变事件执行多次bug及IE6/IE7/IE8下resize问题

    本文主要通过代码示例给大家介绍IE7浏览器窗口大小改变事件执行多次bug及IE6/IE7/IE8下resize问题;分步介绍,先给大家介绍IE7浏览器窗口大小改变事件执行多次bug,具体问题分析及解决方案请看下文。 var ...

    IE6浏览器下resize事件被执行了多次解决方法

    在IE浏览器下,一次resize... Js代码 代码如下: /* =============================================================================== WResize is the jQuery plugin for fixing the IE window resize bug …………

    修复ie8chrome下window的resize事件多次执行

    /** * [removed] 事件 专用事件绑定器 v0.1 Alucelx * http://www.cnblogs.com/Alucelx/archive/2011/10/20/2219263.html * &lt;description&gt; * 用于解决 lte ie8 & chrome 及其他可能会出现的 原生 window.resize ...

    window resize和scroll事件的基本优化思路

    在网页开发中,`window.resize` 和 `window.scroll` 是两个非常重要的事件,它们用于监听浏览器窗口尺寸的变化和页面滚动。然而,不恰当的使用可能会导致性能问题,尤其是在老版本的IE浏览器上,可能会造成页面卡顿...

    IE之动态添加DOM节点触发window.resize事件

    标题所指的知识点是IE浏览器环境下,动态添加DOM节点可能会无预期地触发window.resize事件,导致页面布局频繁地重新调整。而描述部分详细解释了这一问题出现的背景:页面布局使用了绝对定位,当窗口大小变化时,如果...

    浏览器窗口大小变化时使用resize事件对框架不起作用的解决方法

    代码如下:$(window).resize(function(){var surH = $(window).height();$(“.pic_conent”).height(surH);} 当浏览器变化,拉大拉小时,没有反应;方法一:在标签上加入 onLoad=”” onResize=”” 方法 写上...

    修复ie8&amp;chrome下window的resize事件多次执行

    这个绑定器的目标是解决在IE8及以下和Chrome中`window.resize`事件多次触发的问题。下面是对`onWindowResize`事件绑定器的详细解析: 1. **事件队列(Event Queue)**:`queue`数组用于存储所有注册的事件处理函数...

    在IE浏览器中resize事件执行多次的解决方法

    WResize is the jQuery plugin for fixing the IE window resize bug Copyright 2007 / Andrea Ercolino LICENSE: http://www.opensource.org/licenses/mit-license.php WEBSITE: http://noteslog.com/ ========...

    jsWindow对象及方法.pdf

    - window.resizeTo():此方法将窗口调整为指定的尺寸。 5. Window对象的滚动方法 - window.scrollBy():此方法按照指定的像素值滚动内容区域。 - window.scrollTo():此方法将内容区域滚动到指定的位置。 6. ...

    window.open最大化操作

    但是,以上方法并不能在所有情况下都生效,特别是在IE浏览器中。因此,我们需要使用其他方法来实现窗口的最大化。 一种常见的方法是使用setTimeout方法来延迟执行JavaScript代码,从而实现窗口的最大化。下面是一个...

    javascript window对象

    - **语法**:`window.resizeTo(width, height)` - **功能**:将窗口大小改变到指定尺寸。 - **参数**:`width`和`height`分别表示水平方向和垂直方向的目标尺寸。 ##### 14. `scrollBy` - **语法**:`window....

    JS之WINDOW对象

    7. `resizeTo(width, height)`:将窗口大小调整为指定的宽度和高度。 8. `resizeBy(deltaWidth, deltaHeight)`:增加或减少窗口的宽度和高度,deltaWidth和deltaHeight为增量值。 通过这些属性和方法,开发者可以...

    net2010 WebBrowser浏览页控件事件本地处理

    4. **安全与隐私**:由于`WebBrowser`控件使用IE内核,开发者需要注意安全性和隐私问题。在本地处理事件时,应避免加载不信任的网页,防止恶意代码执行。此外,遵循沙盒原则,限制对敏感系统资源的访问。 三、示例...

    [JavaScript]解决页面onresize缩放时多次调用的问题.doc

    针对IE6和IE7的假死问题,一种更有效的方法是利用一个隐藏的、占据整个窗口的div元素来监听resize事件。当浏览器窗口尺寸改变时,这个div元素的resize事件也会被触发,但不会像直接绑定到window对象那样频繁。以下是...

    【速查手册】IE与FF下JS的区别

    - `window.resizeTo()`和`window.resizeBy()`:这两个方法在调整浏览器窗口大小时,IE和FF的处理方式有差异。 4. 事件处理: - `event`对象:在IE中,事件对象作为全局对象,而在FF中,事件对象作为函数参数传递...

Global site tag (gtag.js) - Google Analytics