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 相关文章推荐
JavaScript将相对地址转换为绝对地址示例代码
Jul 19 Javascript
Js日期选择器并自动加入到输入框中示例代码
Aug 02 Javascript
JS右下角广告窗口代码(可收缩、展开及关闭)
Sep 04 Javascript
jquery插件jquery.confirm弹出确认消息
Dec 22 Javascript
基于jquery实现鼠标左右拖动滑块滑动附源码下载
Dec 23 Javascript
JavaScript禁止用户多次提交的两种方法
Jul 24 Javascript
从零学习node.js之express入门(六)
Feb 25 Javascript
细说webpack源码之compile流程-rules参数处理技巧(1)
Dec 26 Javascript
详解Chart.js轻量级图表库的使用经验
May 22 Javascript
关于微信小程序map组件z-index的层级问题分析
Jul 09 Javascript
layui+SSM的数据表的增删改实例(利用弹框添加、修改)
Sep 27 Javascript
小程序登录之支付宝授权的实现示例
Dec 13 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/07/01 PHP
Thinkphp中数据按分类嵌套循环实现方法
2014/10/30 PHP
PHP+ajax实现获取新闻数据简单示例
2018/05/08 PHP
jQuery 添加/移除CSS类实现代码
2010/02/11 Javascript
window.event快达到全浏览器支持了,以后使用就方便了
2011/11/30 Javascript
javascript:window.open弹出窗口的位置问题
2014/03/18 Javascript
jquery使用slideDown实现模块缓慢拉出效果的方法
2015/03/27 Javascript
freemarker判断对象是否为空的方法
2015/08/13 Javascript
bootstrap和jQuery.Gantt的css冲突 如何解决
2016/05/29 Javascript
Bootstrap轮播插件简单使用方法介绍
2016/06/21 Javascript
精彩的Bootstrap案例分享 重点在注释!(选项卡、栅格布局)
2016/07/01 Javascript
对称加密与非对称加密优缺点详解
2017/02/06 Javascript
详解使用 Node.js 开发简单的脚手架工具
2018/06/08 Javascript
Vuejs 实现简易 todoList 功能 与 组件实例代码
2018/09/10 Javascript
js中this的指向问题归纳总结
2018/11/28 Javascript
python实现在pickling的时候压缩的方法
2014/09/25 Python
Python日志模块logging简介
2015/04/13 Python
Python环境搭建之OpenCV的步骤方法
2017/10/20 Python
Scrapy基于selenium结合爬取淘宝的实例讲解
2018/06/13 Python
Python3实现爬虫爬取赶集网列表功能【基于request和BeautifulSoup模块】
2018/12/05 Python
解决python中画图时x,y轴名称出现中文乱码的问题
2019/01/29 Python
pycharm重命名文件的方法步骤
2019/07/29 Python
详解解决Python memory error的问题(四种解决方案)
2019/08/08 Python
使用python客户端访问impala的操作方式
2020/03/28 Python
获取python运行输出的数据并解析存为dataFrame实例
2020/07/07 Python
Python命令行参数定义及需要注意的地方
2020/11/30 Python
教你使用Canvas处理图片的方法
2017/11/28 HTML / CSS
世界上最具创新性的增强型知名运动品牌:Proviz
2018/04/03 全球购物
Java基础知识面试要点
2016/07/29 面试题
行政管理专业推荐信
2013/11/02 职场文书
信息系统专业个人求职信范文
2013/12/07 职场文书
5.1手机促销活动
2014/01/17 职场文书
《云雀的心愿》教学反思
2014/02/25 职场文书
房屋转让协议书
2014/04/11 职场文书
大学毕业典礼致辞
2015/07/29 职场文书
详解MySQL 联合查询优化机制
2021/05/10 MySQL