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 相关文章推荐
Yii-自定义删除确认弹框(zyd)jquery实现代码
Mar 04 Javascript
js简单实现让文本框内容逐个字的显示出来
Oct 22 Javascript
ExtJS4中的requires使用方法示例介绍
Dec 03 Javascript
AngularJS 自定义过滤器详解及实例代码
Sep 14 Javascript
JS控制FileUpload的上传文件类型实例代码
Oct 07 Javascript
jQuery动态创建元素以及追加节点的实现方法
Oct 20 Javascript
详解React-Todos入门例子
Nov 08 Javascript
JavaScript 计算笛卡尔积实例详解
Dec 02 Javascript
原生js封装自定义滚动条
Mar 24 Javascript
详解用webpack把我们的业务模块分开打包的方法
Jul 20 Javascript
JavaScript通如何过RGraph实现动态仪表盘
Oct 15 Javascript
javascript实现倒计时提示框
Mar 02 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
文章推荐系统(三)
2006/10/09 PHP
很让人受教的 提高php代码质量36计
2012/09/05 PHP
PHP解析RSS的方法
2015/03/05 PHP
PHP flush 函数使用注意事项
2016/08/26 PHP
php常用字符串查找函数strstr()与strpos()实例分析
2019/06/21 PHP
关于laravel 子查询 &amp; join的使用
2019/10/16 PHP
在你的网页中嵌入外部网页的方法
2007/04/02 Javascript
javascript 文档的编码问题解决
2009/03/01 Javascript
理解Javascript_08_函数对象
2010/10/15 Javascript
原生Js实现按的数据源均分时间点幻灯片效果(已封装)
2010/12/28 Javascript
漂亮的jquery提示效果(仿腾讯弹出层)
2013/02/05 Javascript
jQuery调用AJAX时Get和post公用的乱码解决方法实例说明
2013/06/04 Javascript
js计算两个时间之间天数差的实例代码
2013/11/19 Javascript
window.open打开页面居中显示的示例代码
2013/12/27 Javascript
JavaScript避免内存泄露及内存管理技巧
2014/09/05 Javascript
JavaScript实现向setTimeout执行代码传递参数的方法
2015/04/16 Javascript
js实现页面跳转的五种方法推荐
2016/03/10 Javascript
js实现自定义路由
2017/02/04 Javascript
Bootstrap表格制作代码
2017/03/17 Javascript
封装运动框架实战左右与上下滑动的焦点轮播图(实例)
2017/10/17 Javascript
详解vue-loader在项目中是如何配置的
2018/06/04 Javascript
vue elementui form表单验证的实现
2018/11/11 Javascript
Vue 实现前端权限控制的示例代码
2019/07/09 Javascript
three.js 将图片马赛克化的示例代码
2020/07/31 Javascript
python赋值操作方法分享
2013/03/23 Python
Python自定义类的数组排序实现代码
2016/08/28 Python
Python正则表达式常用函数总结
2017/06/24 Python
在django中实现页面倒数几秒后自动跳转的例子
2019/08/16 Python
CSS3实现各种图形的示例代码
2016/10/19 HTML / CSS
HTML5 canvas画图并保存成图片的jcanvas插件
2014/01/17 HTML / CSS
HTML5本地存储之IndexedDB
2017/06/16 HTML / CSS
香蕉共和国加拿大官网:Banana Republic加拿大
2018/08/06 全球购物
优秀英语专业毕业生求职信
2013/11/23 职场文书
幼儿园招生广告
2014/03/19 职场文书
拿破仑传读书笔记
2015/07/01 职场文书
nginx sticky实现基于cookie负载均衡示例详解
2022/12/24 Servers