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
分享到:
相关推荐
这篇文章的重点是介绍如何使用JavaScript中的window对象的onresize事件来实现当浏览器窗口大小改变时触发事件的功能。以下是关于这一知识点的详细解析。 首先,我们了解window对象。在浏览器中,window对象表示一个...
JavaScript触发事件是网页交互设计的核心组成部分,它们允许开发者在用户与网页进行互动时执行特定的代码块。以下是对“js触发事件大全”中所提及的关键事件的深入解析,旨在为前端开发者提供全面的理解。 ### 一、...
这个场景涉及到JavaScript中的窗口大小改变事件。 在JavaScript中,有以下两个主要的事件用于监听浏览器窗口大小的变化: 1. `resize` 事件:这是最直接与窗口大小变化相关的事件。当你拖动浏览器窗口的边缘或者...
### JavaScript 触发事件列表详解 #### 一、单击事件(onclick) 当用户单击鼠标按键时触发的事件。通常,在HTML元素上定义`onclick`属性,该属性指定一个事件处理程序或一段代码,当点击事件发生时,这段代码将会被...
2. 改变事件(onchange):用于text、textarea或select元素,当内容改变或选项状态变化时触发。例如,文本框的值改变时显示警告:`('您在文本框中添加了新的内容')">`。 3. 选中事件(onselect):当用户在text或...
鼠标触发的事件,JS脚本 鼠标事件是指在 Web 浏览器中,用户通过鼠标交互引发的事件。这些事件可以被 JavaScript 捕获和处理,以实现各种交互效果。下面是常见的鼠标事件: 1. onClick:鼠标点击事件,多用在某个...
`onmove`事件在窗口移动时触发,`onresize`事件在窗口或元素尺寸改变时触发。 #### 9. onscroll事件 `onscroll`事件在元素的滚动条被滚动时触发。经常用于长页面中。 ```javascript window.onscroll = function()...
* onResize:当浏览器的窗口大小被改变时触发的事件 * onScroll:浏览器的滚动条位置发生变化时触发的事件 * onStop:浏览器的停止按钮被按下时触发的事件或者正在下载的文件被中断 * onUnload:当前页面将被改变时...
1. **`onresize`**:当窗口或框架的大小改变时触发。 - 支持浏览器:IE4、Netscape 4、Opera。 2. **`onscroll`**:当页面滚动条被滚动时触发。 - 支持浏览器:IE4、Netscape、Opera。 3. **`onstop`**:当浏览器...
2. **改变事件**(onchange):在文本框或选择框内容变化时触发,常用于验证输入或更新相关状态,例如`('您在文本框中添加了新的内容')">`。 3. **选中事件**(onselect):当用户选中文本时触发,可用于提示或执行...
此外,为了使这种调整在窗口大小变化时依然有效,需要添加一个监听器来侦听resize事件。当窗口大小发生变化时,会自动触发placeholderPic函数,重新计算并设置文字大小。这样,无论用户如何缩放窗口,页面上的文字都...
当浏览器窗口大小改变时,我们需要监听`window.onresize`事件,并在事件触发时更新`myWidth`的值。在Vue组件的`mounted`生命周期钩子中,我们可以设置`window.onresize`事件处理函数: ```javascript mounted() ...
### JS鼠标键盘触发函数大全知识点解析 #### 一、鼠标事件 鼠标事件是JavaScript中最常见的交互方式之一,它们主要用于响应用户的鼠标操作。 - **`onClick`**:当用户单击鼠标左键时触发。该事件通常用于处理点击...
当用户在窗口标题栏上按下鼠标左键时,`startDrag` 函数会被触发。该函数首先通过调用 `setCapture` 方法捕获后续的所有鼠标事件,确保即使鼠标离开元素范围也能继续接收事件。接着,它记录下鼠标点击时的位置(`x0`...
JavaScript(JS)事件监听与触发在实现响应式布局中扮演着重要角色。通过理解这一概念,我们可以创建更加动态且适应性强的网页。 首先,我们需要了解响应式布局的基础,这是由Ethan Marcotte在2010年提出的。响应式...
将事件监听器添加到父元素上,然后通过事件对象的`target`属性判断哪个子元素触发了事件,从而执行相应的操作。 8. **封装和模块化**:将拖动功能封装成一个独立的函数或类,便于重复使用和维护。可以考虑使用ES6的...
3. 窗口和文档事件:load(页面加载完成)、unload(页面卸载)、beforeunload(页面即将卸载)、resize(窗口大小改变)、scroll(滚动条滚动)等。 4. 表单事件:submit(表单提交)、reset(表单重置)、focus...