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鼠标点击事件在各个浏览器中的写法及Event对象属性介绍
Jan 24 Javascript
Javascript脚本实现静态网页加密实例代码
Nov 05 Javascript
Javascript浅谈之引用类型
Dec 18 Javascript
jQuery实现的网页左侧在线客服效果代码
Oct 23 Javascript
图片旋转、鼠标滚轮缩放、镜像、切换图片js代码
Dec 13 Javascript
Summernote实现图片上传功能的简单方法
Jul 11 Javascript
JS快速实现移动端拼图游戏
Sep 05 Javascript
jQuery实现侧浮窗与中浮窗切换效果的方法
Sep 05 Javascript
微信小程序实现点赞、取消点赞功能
Nov 02 Javascript
JavaScript工具库之Lodash详解
Jun 15 Javascript
JS简单表单验证功能完整示例
Jan 26 Javascript
通过Kettle自定义jar包供javascript使用
Jan 29 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
php中通过数组进行高效随机抽取指定条记录的算法
2013/09/09 PHP
PHP error_log()将错误信息写入一个文件(定义和用法)
2013/10/25 PHP
php遍历树的常用方法汇总
2015/06/18 PHP
php对象工厂类完整示例
2018/08/09 PHP
PHP设计模式之建造者模式定义与用法简单示例
2018/08/13 PHP
js 屏蔽鼠标右键脚本附破解方法
2009/12/03 Javascript
IE与FireFox中的childNodes区别
2011/10/20 Javascript
解决javascript:window.close()在chrome,Firefox下失效的问题
2013/05/07 Javascript
js 删除数组的几种方法小结
2014/02/21 Javascript
easyui datagrid 键盘上下控制选中行示例
2014/03/31 Javascript
JavaScript面向对象编程入门教程
2014/04/16 Javascript
高性能JavaScript 重排与重绘(2)
2015/08/11 Javascript
js实现YouKu的漂亮搜索框效果
2015/08/19 Javascript
微信JSAPI支付操作需要注意的细节
2017/01/10 Javascript
原生js封装运动框架的示例讲解
2017/10/01 Javascript
详解vue 兼容IE报错解决方案
2018/12/29 Javascript
深入学习JavaScript中的bom
2019/05/27 Javascript
layui表格分页 记录勾选的实例
2019/09/02 Javascript
vue 通过绑定事件获取当前行的id操作
2020/07/27 Javascript
[43:35]EG vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
[00:43]魔廷新尊——痛苦女王至宝捆绑包
2020/06/12 DOTA
python中遍历文件的3个方法
2014/09/02 Python
Python mutiprocessing多线程池pool操作示例
2019/01/30 Python
python中pytest收集用例规则与运行指定用例详解
2019/06/27 Python
SpringBoot首页设置解析(推荐)
2021/02/11 Python
CSS3制作Dropdown下拉菜单的方法
2015/07/18 HTML / CSS
乌克兰移动电子产品和相关配件的在线商店:iTMag
2020/03/16 全球购物
UNIX命令速查表
2012/03/10 面试题
学校政风行风自查自纠报告
2014/10/21 职场文书
村党支部书记个人对照材料汇报
2014/10/26 职场文书
2014年班干部工作总结
2014/11/25 职场文书
党支部审查意见
2015/06/02 职场文书
萤火虫之墓观后感
2015/06/05 职场文书
运动会加油稿30字
2015/07/21 职场文书
用Python写一个简易版弹球游戏
2021/04/13 Python
html5表单的required属性使用
2021/07/07 HTML / CSS