`

JS窗口改变触发事件

阅读更多
                var  resizeTimer = null;
	function doResize(){
		var url = '${ctx}/aa/monitor/alar/recharge.jsp';
		window.location.href = url;
	    //alert("width="+document.documentElement.clientWidth + "   Height="+document.documentElement.clientHeight);
	}
	window.onresize = function(){
	   if(resizeTimer) clearTimeout(resizeTimer);
	  resizeTimer = setTimeout("doResize()",0);
                }

 

window.onresize = function()
	{
		var url = '${ctx}/bomc3/monitor/alar/recharge.jsp';
		window.location.href = url;
	};

 

另外获取宽高:

document.documentElement.clientWidth

parent.document.body.clientWidth

 

分享到:
评论

相关推荐

    js实现浏览器窗口大小被改变时触发事件的方法

    本文实例讲述了js实现浏览器窗口大小被改变时触发事件的方法。分享给大家供大家参考。具体分析如下: 当浏览器的窗口大小被改变时触发的事件[removed] 为事件指定代码: 代码如下:[removed] = function(){ } 例如:...

    javaScript常用事件

    8.onKeyDown事件:在输入框中按下键盘上的任何一个键时,都会触发事件,调用函数。注意:此事件写在方法的外面,且函数名(方法名)后不加括号!例:document.onkeydown=函数名()。 9.setTimeout(“函数名()”,...

    jQuery事件及绑定.pptx

    JavaScript+jQuery 网页特效设计 jQuery事件基础 1、jQuery事件概述 jQuery对JavaScript操作DOM事件进行了封装,形成了更好的...当调整浏览器窗口大小时触发 2、事件的绑定 bind() 方法:可以向被选元素添加一个或多

    javascript常用对象梳理

    功能:将当前窗口改变指定的大小(x,y),当x、y的值大于0时为扩大,小于0时 为缩小。 13. resizeTo方法 语法格式: window.resizeTo(水平宽度,垂直宽度) 功能:将当前窗口改变成(x,y)大小,x、y分别为宽度和高度...

    JavaScript基础教程第8版

    书中从JavaScript语言基础开始,分别讨论了图像、框架、浏览器窗口、表单、正则表达式、用户事件和cookie,并在上一版的基础上新增了两章,讲述jQuery框架的基础知识。本书不仅介绍了基础知识和使用方法,也深入探讨...

    大名鼎鼎SWFUpload- Flash+JS 上传

    当Flash上传文件的时候,由开发人员预定义的Javascript事件会被定时触发以便来更新页面中的UI,同时还提供上传状态和错误信息。 选定的文件的上传和它所在页面、表单是独立的。每个文件都是单独上传的,这就保证了...

    精通javascript

    • 9.9.htm 自动触发事件 • 9.9.htm 直接在表单上调用事件 • 9.11.htm attachEvent()方法 • 9.12.htm 事件流测试 • 9.13.htm DOM2 事件模型基本语法 • 9.14....

    原生js实现可拖动的登录框效果

    实现原理 1.onmousemove事件触发时不断更新...5.当浏览器窗口大小变化时触发事件[removed] 再更新登陆框居中显示 代码中有详细的注释 完整代码 <!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http

    精通JavaScript

    • 9.9.htm 自动触发事件 • 9.9.htm 直接在表单上调用事件 • 9.11.htm attachEvent()方法 • 9.12.htm 事件流测试 • 9.13.htm DOM2 事件模型基本语法 • 9.14....

    JavaScript应用177例

    19.5.htm 窗口事件 19.6.htm IE窗口扩展 第20章(\cha20) 20.1.htm 访问框架 20.2.htm 内联框架 20.3.htm 框架间的交叉通信 20.4.htm 嵌套框架交叉通信 第...

    window.open关于浏览器拦截问题分析及解决方法

    window.open是javascript函数,该函数的作用是打开一个新窗口或这改变原来的窗口,不过一般用来的是打开新窗口,因为修改原来的网页地址,可以有另一个函数,那就是[removed],他可以重定向网页地址,使网页跳转到另...

    harmony-span:一个Node.JS应用程序,使您可以从Logitech Harmony Hub和兼容的遥控器触发外部Webhook

    和谐跨度一个Node.JS应用程序,使您可以直接从Logitech Harmony Hub和兼容的遥控器触发Webhook并发出MQTT消息。快速设置准备好Harmony Remote(或集线器),MicroUSB电缆和MyHarmony桌面软件。 当前正在使用移动应用...

    javascript函数的节流[throttle]与防抖[debounce]

    窗口的resize、scroll,输入框内容校验等操作时,如果这些操作处理函数较为复杂或页面频繁重渲染等操作时,如果事件触发的频率无限制,会加重浏览器的负担,导致用户体验非常糟糕。此时我们可以采用debounce(防抖)...

    custom-resize

    与这个问题orientationchange但是事件是,在很多情况下(尤其是在Android),它触发的方向已经改变了。 因此,您的函数所依赖的任何宽度计算都将被错误地计算。 存在自定义调整大小以解决此问题。 在台式机设备上...

    70款经典Dreamweaver插件

    FlashImage 响应鼠标事件的图片渐显渐隐效果 real_networks 在页面中插入流式播放的Real视频和音频文件 MX131662_pdreloadxtension 从新加载Dreamweaver的各项插件,不用重复的启动关闭Dreamweaver了 DateStamp 插入...

    Dreamweaver 插件集

    响应鼠标事件的图片渐显渐隐效果 real_networks 在页面中插入流式播放的Real视频和音频文件 MX131662_pdreloadxtension 从新加载Dreamweaver的各项插件,不用重复的启动关闭Dreamweaver了 DateStamp 插入一个日期,...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -修正CheckBox控件的CheckedChanged事件会被触发两次的BUG(Data PostBack->AutoPostBack, Event PostBack->EnablePostBack)。 -为TextBox,TextArea,DatePicker,NumberBox,TriggerBox等控件增加AutoPostBack属性...

    ExtAspNet_v2.3.2_dll

    -修正CheckBox控件的CheckedChanged事件会被触发两次的BUG(Data PostBack->AutoPostBack, Event PostBack->EnablePostBack)。 -为TextBox,TextArea,DatePicker,NumberBox,TriggerBox等控件增加AutoPostBack属性...

    dreamweaver的各种组件

    js depending on browser 根据不同的浏览器选择不同的javascript代码 Externel CSS file 插入外部的CSS文件 Externel Javascript file 插入外部的js文件 Video embed 插入activemovie windowsMaxmizer 最大化...

Global site tag (gtag.js) - Google Analytics