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 05 Javascript
js ondocumentready onmouseover onclick onmouseout 样式
Jul 22 Javascript
js给dropdownlist添加选项的小例子
Mar 04 Javascript
JavaScript实现仿网易通行证表单验证
May 25 Javascript
js window对象属性和方法相关资料整理
Nov 11 Javascript
ES6记录异步函数的执行时间详解
Aug 31 Javascript
如何学JavaScript?前辈的经验之谈
Dec 28 Javascript
Vue2.0生命周期的理解
Aug 20 Javascript
webpack 代码分离优化快速指北
May 18 Javascript
微信小程序点击顶部导航栏切换样式代码实例
Nov 12 Javascript
在vue中实现给每个页面顶部设置title
Jul 29 Javascript
详解如何在Javascript中使用Object.freeze()
Oct 18 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
星际RPG字典
2020/03/04 星际争霸
配置最新的PHP加MYSQL服务器
2006/10/09 PHP
php 生成自动创建文件夹并上传文件的示例代码
2014/03/07 PHP
php通过sort()函数给数组排序的方法
2015/03/18 PHP
学习php设计模式 php实现备忘录模式(Memento)
2015/12/09 PHP
利用PHP命令行模式采集股票趋势信息
2016/08/09 PHP
thinkphp跨库操作的简单代码实例
2016/09/22 PHP
php实现查询功能(数据访问)
2017/05/23 PHP
php处理抢购类功能的高并发请求
2018/02/08 PHP
mongodb和php的用法详解
2019/03/25 PHP
syntaxhighlighter 使用方法
2007/07/02 Javascript
一些常用且实用的原生JavaScript函数
2010/09/08 Javascript
node.js中的fs.readFile方法使用说明
2014/12/15 Javascript
js+css实现超简洁的二级下拉菜单效果代码
2015/09/07 Javascript
浅谈JavaScript中面向对象的的深拷贝和浅拷贝
2016/08/01 Javascript
javascript定时器取消定时器及优化方法
2017/07/08 Javascript
Vue的事件响应式进度条组件实例详解
2018/02/04 Javascript
JavaScript中this的全面解析及常见实例
2019/05/14 Javascript
layui添加动态菜单与选项卡
2019/07/26 Javascript
js实现圆形菜单选择器
2020/12/03 Javascript
[00:32]2016完美“圣”典风云人物:Maybe宣传片
2016/12/05 DOTA
Python使用pylab库实现绘制直方图功能示例
2018/06/01 Python
详解Python给照片换底色(蓝底换红底)
2019/03/22 Python
美国最大的宠物药店:1-800-PetMeds
2016/10/02 全球购物
ZWILLING双立人英国网上商店:德国刀具锅具厨具品牌
2018/05/15 全球购物
某公司部分笔试题
2013/11/05 面试题
车间班组长的职责
2013/12/13 职场文书
公司行政经理岗位职责
2013/12/24 职场文书
西式婚礼证婚词
2014/01/12 职场文书
纪念建党演讲稿范文
2014/01/13 职场文书
天猫某品牌专卖店运营计划书
2014/03/21 职场文书
医院搬迁方案
2014/06/14 职场文书
工会优秀工作者事迹
2014/08/17 职场文书
微信小程序结合ThinkPHP5授权登陆后获取手机号
2021/11/23 PHP
「我的青春恋爱物语果然有问题。-妄言录-」第20卷封面公开
2022/03/21 日漫
Go web入门Go pongo2模板引擎
2022/05/20 Golang