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 事件队列调整方法
Sep 18 Javascript
学习ExtJS border布局
Oct 08 Javascript
优化Node.js Web应用运行速度的10个技巧
Sep 03 Javascript
js获取滚动距离的方法
May 30 Javascript
js限制文本框只能输入中文的方法
Aug 11 Javascript
利用jQuery来动态为属性添加或者删除属性的简单方法
Dec 02 Javascript
Bootstrap table两种分页示例
Dec 23 Javascript
JavaScript数据结构与算法之二叉树实现查找最小值、最大值、给定值算法示例
Mar 01 Javascript
Vue+Koa2 打包后进行线上部署的教程详解
Jul 31 Javascript
Vue可自定义tab组件用法实例
Oct 24 Javascript
详解Node.js使用token进行认证的简单示例
May 25 Javascript
WebStorm无法正确识别Vue3组合式API的解决方案
Feb 18 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防注
2007/01/15 PHP
PHP 分页原理分析,大家可以看看
2009/12/21 PHP
php中文繁体和简体相互转换的方法
2015/03/21 PHP
ThinkPHP 5.1 跨域配置方法
2019/10/11 PHP
让textarea自动调整大小的js代码
2011/04/12 Javascript
jquery中ajax函数执行顺序问题之如何设置同步
2014/02/28 Javascript
Nodejs极简入门教程(一):模块机制
2014/10/25 NodeJs
jquery实现兼容IE8的异步上传文件
2015/06/15 Javascript
js实现Form栏显示全格式时间时钟效果代码
2015/08/19 Javascript
jQuery实现智能判断固定导航条或侧边栏的方法
2016/09/04 Javascript
浅谈vue自定义全局组件并通过全局方法 Vue.use() 使用该组件
2017/12/07 Javascript
vue+element的表格实现批量删除功能示例代码
2018/08/17 Javascript
vue实现扫码功能
2020/01/17 Javascript
vue使用swiper实现左右滑动切换图片
2020/10/16 Javascript
[01:15]《辉夜杯》北京网鱼队巡礼
2015/10/26 DOTA
Python标准库os.path包、glob包使用实例
2014/11/25 Python
用Python脚本来删除指定容量以上的文件的教程
2015/05/04 Python
Python实现简单生成验证码功能【基于random模块】
2018/02/10 Python
pytorch cnn 识别手写的字实现自建图片数据
2018/05/20 Python
python实现Windows电脑定时关机
2018/06/20 Python
Python wxPython库消息对话框MessageDialog用法示例
2018/09/03 Python
Python之数据序列化(json、pickle、shelve)详解
2019/08/30 Python
python将字母转化为数字实例方法
2019/10/04 Python
使用pygame写一个古诗词填空通关游戏
2019/12/03 Python
python爬取王者荣耀全皮肤的简单实现代码
2020/01/31 Python
30行Python代码实现高分辨率图像导航的方法
2020/05/22 Python
Python socket服务常用操作代码实例
2020/06/22 Python
英国著名的化妆品折扣网站:Allbeauty.com
2016/07/21 全球购物
韩国邮政旗下生鲜食品网上超市:epost
2016/08/27 全球购物
Vivo俄罗斯官方在线商店:中国智能手机品牌
2019/10/04 全球购物
组织关系转移介绍信
2014/01/16 职场文书
人事经理岗位职责
2014/04/28 职场文书
揭牌仪式策划方案
2014/05/28 职场文书
五好关工委申报材料
2014/05/31 职场文书
五年级上册复习计划
2015/01/19 职场文书
党员观看《筑梦中国》心得体会
2016/01/18 职场文书