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


Posted in Javascript onFebruary 02, 2015

本文实例讲述了js实现浏览器窗口大小被改变时触发事件的方法。分享给大家供大家参考。具体分析如下:

当浏览器的窗口大小被改变时触发的事件window.onresize

为事件指定代码:

window.onresize = function(){
}

例如:

浏览器可见区域信息:

<span id="info_3water_net">请改变浏览器窗口大小</span>

<script>

window.onresize = function(){

document.getElementById("info_3water_net").innerHTML="宽度:"+document.documentElement.clientWidth+",高度:"+document.documentElement.clientHeight;

}</script>

PS:这里再为大家提供一个关于JS事件的在线工具,归纳总结了JS常用的事件类型与函数功能:

javascript事件与功能说明大全:

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
十个优秀的Ajax/Javascript实例网站收集
Mar 31 Javascript
web开发人员学习jQuery的6大理由及jQuery的优势介绍
Jan 03 Javascript
getComputedStyle与currentStyle获取样式(style/class)
Mar 19 Javascript
js去空格技巧分别去字符串前后、左右空格
Oct 21 Javascript
JavaScript截取字符串的2个函数介绍
Aug 27 Javascript
node.js中的fs.unlinkSync方法使用说明
Dec 15 Javascript
Javascript实现检测客户端类型代码封包
Dec 03 Javascript
javascript 中的事件委托详解
Oct 25 Javascript
node.js多个异步过程中判断执行是否完成的解决方案
Dec 10 Javascript
解决vue 按钮多次点击重复提交数据问题
May 10 Javascript
vue里如何主动销毁keep-alive缓存的组件
Mar 21 Javascript
Vue开发之封装上传文件组件与用法示例
Apr 25 Javascript
javascript的switch用法注意事项分析
Feb 02 #Javascript
jQuery实现长按按钮触发事件的方法
Feb 02 #Javascript
jQuery实现跟随鼠标运动图层效果的方法
Feb 02 #Javascript
JavaScript针对网页节点的增删改查用法实例
Feb 02 #Javascript
jQuery通过控制节点实现仅在前台通过get方法完成参数传递
Feb 02 #Javascript
jQuery循环动画与获取组件尺寸的方法
Feb 02 #Javascript
基于jQuery实现最基本的淡入淡出效果实例
Feb 02 #Javascript
You might like
一个用php3编写的简单计数器
2006/10/09 PHP
PHP文件上传类实例详解
2016/04/08 PHP
深入解析PHP中SESSION反序列化机制
2017/03/01 PHP
javascript网页关闭时提醒效果脚本
2008/10/22 Javascript
33种Javascript 表格排序控件收集
2009/12/03 Javascript
jquery tablesorter.js 支持中文表格排序改进
2009/12/09 Javascript
jQuery实现仿腾讯微博滑出效果报告每日天气的方法
2015/05/11 Javascript
js实现精美的银灰色竖排折叠菜单
2015/05/16 Javascript
javascript删除元素节点removeChild()用法实例
2015/05/26 Javascript
浅谈jquery.fn.extend与jquery.extend区别
2015/07/13 Javascript
浅析jquery如何判断滚动条滚到页面底部并执行事件
2016/04/29 Javascript
bootstrap模态框垂直居中效果
2016/12/03 Javascript
详解vue组件化开发-vuex状态管理库
2017/04/10 Javascript
基于JS实现移动端左滑删除功能
2017/07/28 Javascript
vue根据进入的路由进行原路返回的方法
2018/09/26 Javascript
微信小程序云开发(数据库)详解
2019/05/17 Javascript
封装一下vue中的axios示例代码详解
2020/02/16 Javascript
JS前端广告拦截实现原理解析
2020/02/17 Javascript
简单介绍Python中的round()方法
2015/05/15 Python
Python的Flask框架的简介和安装方法
2015/11/13 Python
将Emacs打造成强大的Python代码编辑工具
2015/11/20 Python
浅谈python中的getattr函数 hasattr函数
2016/06/14 Python
关于Python元祖,列表,字典,集合的比较
2017/01/06 Python
Python 40行代码实现人脸识别功能
2017/04/02 Python
用Python编写一个高效的端口扫描器的方法
2018/12/20 Python
Python django框架应用中实现获取访问者ip地址示例
2019/05/17 Python
利用python求积分的实例
2019/07/03 Python
Django使用 Bootstrap 样式修改书籍列表过程解析
2019/08/09 Python
利用Python实现最小二乘法与梯度下降算法
2021/02/21 Python
马来西亚在线药房:RoyalePharma
2019/12/01 全球购物
给导游的表扬信
2014/01/10 职场文书
社区党务公开实施方案
2014/03/18 职场文书
我们的节日元宵活动方案
2014/08/23 职场文书
护士求职简历自我评价
2015/03/10 职场文书
2015年五一劳动节演讲稿
2015/03/18 职场文书
高效笔记技巧分享:学会这些让你不再困扰
2019/09/04 职场文书