js实现浏览器窗口大小被改变时触发事件的方法
更新时间：2015年02月02日 15:51:23 作者：柯乐义
这篇文章主要介绍了js实现浏览器窗口大小被改变时触发事件的方法,实例分析了window.onresize方法的使用技巧,需要的朋友可以参考下
本文实例讲述了js实现浏览器窗口大小被改变时触发事件的方法。分享给大家供大家参考。具体分析如下：
当浏览器的窗口大小被改变时触发的事件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>
<script>
window.onresize = function(){
document.getElementById("info_jb51_net").innerHTML="宽度："+document.documentElement.clientWidth+"，高度："+document.documentElement.clientHeight;
}</script>
PS：这里再为大家提供一个关于JS事件的在线工具，归纳总结了JS常用的事件类型与函数功能：
javascript事件与功能说明大全：
http://tools.jb51.net/table/javascript_event
希望本文所述对大家的javascript程序设计有所帮助。
相关文章
Bootstrap弹出框modal上层的输入框不能获得焦点问题的解决方法
这篇文章主要介绍了Bootstrap弹出框modal上层的输入框不能获得焦点问题的解决方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
这篇文章主要介绍了JavaScript中EventBus实现对象之间通信，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-10-10
这篇文章主要介绍了JS实现给数组对象排序的方法,结合实例形式分析了javascript数组对象排序相关实现方法与操作注意事项,需要的朋友可以参考下2019-06-06
倒计时功能大家无论在各大网站都可以看到，今天小编给大家分享一段基于js实现的根据用户输入分钟进行倒计时功能，非常不错，需要的朋友参考下吧2016-11-11
小程序rich-text组件如何改变内部img图片样式的方法
这篇文章主要介绍了小程序rich-text组件如何改变内部img图片样式的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-05-05
这篇文章主要给大家介绍了关于微信小程序实现自定义动画弹框/提示框的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-11-11
这篇文章主要介绍了js实现的后台左侧管理菜单代码,可实现美观大气的左侧折叠菜单效果,涉及JavaScript基于鼠标事件动态操作页面元素样式变换的技巧,非常具有实用价值,需要的朋友可以参考下2015-09-09
uniapp 如何设置 tabbar 的 midButton 按钮
在UniApp开发中,设置TabBar的midButton按钮可以增加用户交互的便利性,本文介绍了在App.vue中监听事件的方法,并提供了官方文档链接作为参考,通过这种方式可以实现TabBar中的特殊按钮功能,提升应用的用户体验2024-10-10
在现代的前端开发中,API调用是实现前后端数据交互的重要环节,而在众多的HTTP库中,Axios以其简洁的语法、丰富的功能和易于扩展的特性,成为了开发者的首选,本篇文章将深入介绍Axios的使用方法,2024-11-11
avalon是前端MVVM框架，在js中经常会用到。这篇文章主要介绍了JavaScript 中 avalon绑定属性总结的相关资料,需要的朋友可以参考下2016-10-10
最新评论