让IE浏览器只执行一次resize事件

简介:

复制代码
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Language" content="UTF-8" />
<title></title>
</head>

<body style="margin:0px; ">
<div id="xxx" style="width:100%;height:0px"></div> //代替window的onresize事件
<div id="showbox" style="background-color:red;">
</div>

<script type="text/javascript">
var n = 0;//事件激发计数器
var timeHandle;//清除定时器
document.getElementById("xxx").attachEvent("onresize", setShowBoxBounds);
(function setShowBoxBounds(){
window.status = "resize" + n;
var w =document.documentElement.clientWidth;
var h =document.documentElement.clientHeight;
document.getElementById("showbox").style.width = (w) + "px";
document.getElementById("showbox").style.height = (h) + "px";
document.getElementById("xxx").detachEvent("onresize", setShowBoxBounds);//接触事件绑定
if(timeHandle)clearTimeout(timeHandle);
timeHandle =setTimeout('document.getElementById("xxx").attachEvent("onresize", setShowBoxBounds);',500);//半秒钟后再绑定
n++;
})();
</script>

</body>
</html> 本文转自suifei博客园博客,原文链接:http://www.cnblogs.com/Chinasf/archive/2008/12/03/1346502.html,如需转载请自行联系原作者
相关文章
|
3月前
|
Web App开发 JavaScript 前端开发
添加浮动按钮点击滚动到网页底部的纯JavaScript演示代码 IE9、11,Maxthon 1.6.7,Firefox30、31,360极速浏览器7.5.3.308下测试正常
添加浮动按钮点击滚动到网页底部的纯JavaScript演示代码 IE9、11,Maxthon 1.6.7,Firefox30、31,360极速浏览器7.5.3.308下测试正常
|
2月前
|
JavaScript 前端开发
|
6月前
|
Web App开发 XML 开发框架
技术心得记录:在IE浏览器中的奇怪页面表现
技术心得记录:在IE浏览器中的奇怪页面表现
64 0
|
2月前
|
JavaScript API
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
135 0
|
4月前
|
编解码 JavaScript 前端开发
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
127 1
|
4月前
|
JavaScript
VUE——如何兼容IE9|IE10|IE11浏览器
VUE——如何兼容IE9|IE10|IE11浏览器
149 0
VUE——如何兼容IE9|IE10|IE11浏览器
|
5月前
|
安全 网络安全
用IE浏览器访问网站提示证书错误
当你在Internet Explorer中遇到证书错误提示,通常是因网站SSL/TLS证书问题或浏览器安全设置需调整。解决方法包括: 检查时间设置 调整IE设置 安装证书 调整计算机时间
129 3
|
4月前
|
JavaScript API
VUE——监听浏览器关闭及标签页关闭事件
VUE——监听浏览器关闭及标签页关闭事件
398 0
|
5月前
|
JavaScript 前端开发 开发者
浏览器事件机制详解
浏览器事件机制详解
47 1
|
5月前
|
JavaScript
vue 组件封装 | 随鼠标移动的信息框 (含监听鼠标移动、移出事件,获取元素的宽高、获取浏览器的宽高)
vue 组件封装 | 随鼠标移动的信息框 (含监听鼠标移动、移出事件,获取元素的宽高、获取浏览器的宽高)
52 1