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 相关文章推荐
jQuery 剧场版 你必须知道的javascript
May 27 Javascript
DIV菜单层实现代码
Nov 19 Javascript
jquery模拟LCD 时钟的html文件源代码
Jun 16 Javascript
jquery实现当滑动到一定位置时固定效果
Jun 17 Javascript
jQuery实现高亮显示的方法
Mar 10 Javascript
JavaScript中的函数(二)
Dec 23 Javascript
jquery获取img的src值的简单实例
May 17 Javascript
JavaScript高仿支付宝倒计时页面及代码实现
Oct 21 Javascript
vue.js加载新的内容(实例代码)
Jun 01 Javascript
js实现一个简单的MVVM框架示例
Jan 15 Javascript
一些你可能不熟悉的JS知识点总结
Mar 15 Javascript
jQuery class属性操作addClass()与removeClass()、hasClass()、toggleClass()
Mar 31 jQuery
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采集神器cURL使用方法详解
2016/02/19 PHP
YII框架中搜索分页jQuery写法详解
2016/12/19 PHP
微信公众平台开发教程③ PHP实现微信公众号支付功能图文详解
2019/04/10 PHP
TP5框架实现签到功能的方法分析
2020/04/05 PHP
JavaScript 无符号右移运算符
2009/04/17 Javascript
用JavaScript实现类似于ListBox功能示例代码
2014/03/09 Javascript
页面内容排序插件jSort使用方法
2015/10/10 Javascript
Vue.js列表渲染绑定jQuery插件的正确姿势
2017/06/29 jQuery
JavaScript模拟实现封装的三种方式及写法区别
2017/10/27 Javascript
微信小程序中添加客服按钮contact-button功能
2018/04/27 Javascript
详解JavaScript的内存空间、赋值和深浅拷贝
2019/04/17 Javascript
微信小程序实现购物车代码实例详解
2019/08/29 Javascript
Chrome插件开发系列一:弹窗终结者开发实战
2020/10/02 Javascript
[51:10]VP vs VGJ.S 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
Python写的一个定时重跑获取数据库数据
2016/12/28 Python
Python 基础知识之字符串处理
2017/01/06 Python
python的unittest测试类代码实例
2017/12/07 Python
python中计算一个列表中连续相同的元素个数方法
2018/06/29 Python
python散点图实例之随机漫步
2018/08/27 Python
python http基本验证方法
2018/12/26 Python
使用python来调用CAN通讯的DLL实现方法
2019/07/03 Python
python 输出列表元素实例(以空格/逗号为分隔符)
2019/12/25 Python
python DataFrame转dict字典过程详解
2019/12/26 Python
Python flask框架实现浏览器点击自定义跳转页面
2020/06/04 Python
导出HTML5 Canvas图片并上传服务器功能
2019/08/16 HTML / CSS
澳大利亚领先的宠物用品商店:VetSupply
2017/09/08 全球购物
如何设置Java的运行环境
2013/04/05 面试题
Linux文件系统类型
2012/02/15 面试题
十八大闭幕感言
2014/01/22 职场文书
优秀护士获奖感言
2014/02/20 职场文书
产品质量承诺书
2014/03/27 职场文书
大学学生会竞选演讲稿
2014/04/25 职场文书
离婚协议书怎么写(范本参考)
2014/09/30 职场文书
优秀大学生申请书
2019/06/24 职场文书
四年级作文之说明文作文
2019/10/14 职场文书
动画《平凡职业成就世界最强》宣布制作OVA
2022/04/01 日漫