JavaScript 监听浏览器窗口大小改变事件

监听浏览器窗口大小改变事件

本文详细介绍利用JavaScript实现浏览器窗口尺寸变化时触发特定功能的方法，供读者参考学习。

当浏览器窗口尺寸发生调整时，系统会触发名为window.onresize的事件。

具体为事件绑定处理函数的代码如下所示：

window.onresize = function(){
}

以下是一个具体的应用示例：

获取浏览器可见区域的尺寸信息：

<span id="info_jb51_net">请改变浏览器窗口大小</span>
<script>
window.onresize = function(){
document.getElementById("info_jb51_net").innerHTML="宽度："+document.documentElement.clientWidth+"，高度："+document.documentElement.clientHeight;
} </script>

此外，推荐一个JS事件在线工具，该工具汇总了JavaScript常用事件类型及其对应的函数功能：

JavaScript事件与功能说明大全：

http://tools.jb51.net/table/javascript_event

希望上述内容对您的JavaScript编程实践有所帮助。