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实现将数组中所有元素连接成一个字符串的方法
Apr 06 Javascript
JS判断页面是否出现滚动条的方法
Jul 17 Javascript
Three.js学习之网格
Aug 10 Javascript
Vuejs第七篇之Vuejs过渡动画案例全面解析
Sep 05 Javascript
JavaScript判断浏览器对CSS3属性是否支持的多种方法
Nov 13 Javascript
浅谈Angular4实现热加载开发旅程
Sep 08 Javascript
AngularJS实现自定义指令及指令配置项的方法
Nov 20 Javascript
在iFrame子页面里实现模态框的方法
Aug 17 Javascript
Element输入框带历史查询记录的实现示例
Jan 15 Javascript
全面分析JavaScript 继承
May 30 Javascript
vue中template的三种写法示例
Oct 21 Javascript
vue前端工程的搭建
Mar 31 Vue.js
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实现的文件浏览器功能简单示例
2019/09/12 PHP
iframe 异步加载技术及性能分析
2011/07/19 Javascript
Extjs4.0设置Ext.data.Store传参的请求方式(默认为GET)
2013/04/02 Javascript
JS获取select的value和text值的简单实例
2014/02/26 Javascript
JavaScript在IE和FF下的兼容性问题
2014/05/19 Javascript
jquery点击缩略图切换视频播放特效代码分享
2015/09/15 Javascript
jQuery formValidator表单验证
2016/01/07 Javascript
jQuery动态生成不规则表格(前后端)
2017/02/21 Javascript
jQuery插件HighCharts绘制2D带有Legend的饼图效果示例【附demo源码下载】
2017/03/10 Javascript
jQuery 导航自动跟随滚动的实现代码
2018/05/30 jQuery
用vue快速开发app的脚手架工具
2018/06/11 Javascript
vue-cli 使用vue-bus来全局控制的实例讲解
2018/09/15 Javascript
如何使用 vue + d3 画一棵树
2018/12/03 Javascript
JS实现超级好看的鼠标小尾巴特效
2020/12/01 Javascript
[01:38]2018DOTA2亚洲邀请赛主赛事第二日现场采访 神秘商人痛陈生计不易
2018/04/05 DOTA
在Python程序员面试中被问的最多的10道题
2017/12/05 Python
pandas.dataframe中根据条件获取元素所在的位置方法(索引)
2018/06/07 Python
Pytorch抽取网络层的Feature Map(Vgg)实例
2019/08/20 Python
python制作英语翻译小工具代码实例
2019/09/09 Python
详解Python3 定义一个跨越多行的字符串的多种方法
2020/09/06 Python
python 基于opencv 绘制图像轮廓
2020/12/11 Python
使用CSS3来绘制一个月食图案
2015/07/18 HTML / CSS
美国非常受欢迎的Spa品牌:Bliss必列斯
2018/04/10 全球购物
CHARLES & KEITH澳大利亚官网:新加坡时尚品牌
2019/01/22 全球购物
劳资人员岗位职责
2013/12/19 职场文书
学校联谊协议书
2014/09/16 职场文书
个人年终总结开头
2015/03/06 职场文书
青年志愿者服务活动总结
2015/05/06 职场文书
我的法兰西岁月观后感
2015/06/09 职场文书
2015年成本会计工作总结
2015/10/14 职场文书
2016年校园重阳节广播稿
2015/12/18 职场文书
《吃水不忘挖井人》教学反思
2016/02/22 职场文书
字典算法实现及操作 --python(实用)
2021/03/31 Python
Java比较两个对象中全部属性值是否相等的方法
2021/08/07 Java/Android
Spring Boot项目传参校验的最佳实践指南
2022/04/05 Java/Android
mysql如何查询连续记录
2022/05/11 MySQL