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 相关文章推荐
页面版文本框智能提示JS代码
Nov 20 Javascript
JavaScript 原型与继承说明
Jun 09 Javascript
超级24小时弹窗代码 24小时退出弹窗代码 100%弹窗代码(IE only)
Jun 11 Javascript
document.getElementById获取控件对象为空的解决方法
Nov 20 Javascript
js+html5绘制图片到canvas的方法
Jun 05 Javascript
微信公众平台开发教程(五)详解自定义菜单
Dec 02 Javascript
jQuery 表单序列化实例代码
Jun 11 jQuery
Vue框架中正确引入JS库的方法介绍
Jul 30 Javascript
angular6.x中ngTemplateOutlet指令的使用示例
Aug 09 Javascript
vue新建项目并配置标准路由过程解析
Dec 09 Javascript
浅谈vue权限管理实现及流程
Apr 23 Javascript
JS前端可扩展的低代码UI框架Sunmao使用详解
Jul 23 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
用缓存实现静态页面的测试
2006/12/06 PHP
Windows PHP5和Apache的安装与配置
2009/06/08 PHP
ThinkPHP模板输出display用法分析
2014/11/26 PHP
PHP实现根据时间戳获取周几的方法
2016/02/26 PHP
php实现和c#一致的DES加密解密实例
2017/07/24 PHP
PHP根据key删除数组中指定的元素
2019/02/28 PHP
PHP基于timestamp和nonce实现的防止重放攻击方案分析
2019/07/26 PHP
从JavaScript 到 JQuery (1)学习小结
2009/02/12 Javascript
Jquery 1.42 checkbox 全选和反选代码
2010/03/27 Javascript
关于JavaScript定义类和对象的几种方式
2010/11/09 Javascript
jquery对象和DOM对象的区别介绍
2013/08/09 Javascript
node.js入门教程迷你书、node.js入门web应用开发完全示例
2014/04/06 Javascript
JavaScript数据存储 Cookie篇
2016/07/02 Javascript
原生的强大DOM选择器querySelector介绍
2016/12/21 Javascript
基于vue.js路由参数的实例讲解——简单易懂
2017/09/07 Javascript
VUE项目初建和常见问题总结
2019/09/12 Javascript
javascript如何使用函数random来实现课堂随机点名方法详解
2020/07/28 Javascript
使用Pyrex来扩展和加速Python程序的教程
2015/04/13 Python
Python实现截屏的函数
2015/07/25 Python
如何利用Fabric自动化你的任务
2016/10/20 Python
python xlsxwriter库生成图表的应用示例
2018/03/16 Python
用Python将一个列表分割成小列表的实例讲解
2018/07/02 Python
使用pip发布Python程序的方法步骤
2018/10/11 Python
python 同时运行多个程序的实例
2019/01/07 Python
使用PyTorch训练一个图像分类器实例
2020/01/08 Python
tensorflow的计算图总结
2020/01/12 Python
python词云库wordcloud的使用方法与实例详解
2020/02/17 Python
python数据预处理 :样本分布不均的解决(过采样和欠采样)
2020/02/29 Python
python模拟斗地主发牌
2020/04/22 Python
Python dict的常用方法示例代码
2020/06/23 Python
YSL Beauty加拿大官方商城:圣罗兰美妆加拿大
2017/05/15 全球购物
新驾驶员个人自我评价
2014/01/03 职场文书
数学教学随笔感言
2014/02/17 职场文书
社区义诊活动总结
2014/04/30 职场文书
群众路线教育实践活动个人对照检查材料思想汇报(社区班子)
2014/10/06 职场文书
婚前协议书标准版
2014/10/19 职场文书