今天公司要搬家,实在是吵吵闹闹搞了一天,学了一点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,具体问题分析及解决方案请看下文。 var ...
在IE浏览器下,一次resize... Js代码 代码如下: /* =============================================================================== WResize is the jQuery plugin for fixing the IE window resize bug …………
/** * [removed] 事件 专用事件绑定器 v0.1 Alucelx * http://www.cnblogs.com/Alucelx/archive/2011/10/20/2219263.html * <description> * 用于解决 lte ie8 & chrome 及其他可能会出现的 原生 window.resize ...
在网页开发中,`window.resize` 和 `window.scroll` 是两个非常重要的事件,它们用于监听浏览器窗口尺寸的变化和页面滚动。然而,不恰当的使用可能会导致性能问题,尤其是在老版本的IE浏览器上,可能会造成页面卡顿...
标题所指的知识点是IE浏览器环境下,动态添加DOM节点可能会无预期地触发window.resize事件,导致页面布局频繁地重新调整。而描述部分详细解释了这一问题出现的背景:页面布局使用了绝对定位,当窗口大小变化时,如果...
代码如下:$(window).resize(function(){var surH = $(window).height();$(“.pic_conent”).height(surH);} 当浏览器变化,拉大拉小时,没有反应;方法一:在标签上加入 onLoad=”” onResize=”” 方法 写上...
这个绑定器的目标是解决在IE8及以下和Chrome中`window.resize`事件多次触发的问题。下面是对`onWindowResize`事件绑定器的详细解析: 1. **事件队列(Event Queue)**:`queue`数组用于存储所有注册的事件处理函数...
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/ ========...
- window.resizeTo():此方法将窗口调整为指定的尺寸。 5. Window对象的滚动方法 - window.scrollBy():此方法按照指定的像素值滚动内容区域。 - window.scrollTo():此方法将内容区域滚动到指定的位置。 6. ...
但是,以上方法并不能在所有情况下都生效,特别是在IE浏览器中。因此,我们需要使用其他方法来实现窗口的最大化。 一种常见的方法是使用setTimeout方法来延迟执行JavaScript代码,从而实现窗口的最大化。下面是一个...
- **语法**:`window.resizeTo(width, height)` - **功能**:将窗口大小改变到指定尺寸。 - **参数**:`width`和`height`分别表示水平方向和垂直方向的目标尺寸。 ##### 14. `scrollBy` - **语法**:`window....
7. `resizeTo(width, height)`:将窗口大小调整为指定的宽度和高度。 8. `resizeBy(deltaWidth, deltaHeight)`:增加或减少窗口的宽度和高度,deltaWidth和deltaHeight为增量值。 通过这些属性和方法,开发者可以...
4. **安全与隐私**:由于`WebBrowser`控件使用IE内核,开发者需要注意安全性和隐私问题。在本地处理事件时,应避免加载不信任的网页,防止恶意代码执行。此外,遵循沙盒原则,限制对敏感系统资源的访问。 三、示例...
针对IE6和IE7的假死问题,一种更有效的方法是利用一个隐藏的、占据整个窗口的div元素来监听resize事件。当浏览器窗口尺寸改变时,这个div元素的resize事件也会被触发,但不会像直接绑定到window对象那样频繁。以下是...
- `window.resizeTo()`和`window.resizeBy()`:这两个方法在调整浏览器窗口大小时,IE和FF的处理方式有差异。 4. 事件处理: - `event`对象:在IE中,事件对象作为全局对象,而在FF中,事件对象作为函数参数传递...