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 相关文章推荐
JS对URL字符串进行编码/解码分析
Oct 25 Javascript
JavaScript生成随机字符串的方法
Mar 19 Javascript
JavaScript中有关一个数组中最大值和最小值及它们的下表的输出的解决办法
Jul 01 Javascript
Vue.js动态添加、删除选题的实例代码
Sep 30 Javascript
JavaScript交换两个变量值的七种解决方案
Dec 01 Javascript
JS判断是否手机或pad访问实现方法
Dec 09 Javascript
js Date()日期函数浏览器兼容问题解决方法
Sep 12 Javascript
JS动态添加的div点击跳转到另一页面实现代码
Sep 30 Javascript
vue中datepicker的使用教程实例代码详解
Jul 08 Javascript
vue的滚动条插件实现代码
Sep 07 Javascript
jquery实现掷骰子小游戏
Oct 24 jQuery
基于ajax及jQuery实现局部刷新过程解析
Sep 12 jQuery
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 文件上传类代码
2011/08/06 PHP
PHP函数import_request_variables()用法分析
2016/04/02 PHP
PHP操作Postgresql封装类与应用完整实例
2018/04/24 PHP
javascript 设为首页与加入收藏兼容多浏览器代码
2011/01/11 Javascript
这段js代码得节约你多少时间
2011/12/20 Javascript
extjs 04_grid 单击事件新发现
2012/11/27 Javascript
7个让JavaScript变得更好的注意事项
2015/01/28 Javascript
jQuery-1.9.1源码分析系列(十)事件系统之事件体系结构
2015/11/19 Javascript
jQuery实现打开网页自动弹出遮罩层或点击弹出遮罩层功能示例
2017/10/19 jQuery
vue.js通过路由实现经典的三栏布局实例代码
2018/07/08 Javascript
详解如何在Vue里建立长按指令
2018/08/20 Javascript
Vue弹出菜单功能的实现代码
2018/09/12 Javascript
jQuery实现模拟搜索引擎的智能提示功能简单示例
2019/01/27 jQuery
C#程序员入门学习微信小程序的笔记
2019/03/05 Javascript
Vue函数式组件-你值得拥有
2019/05/09 Javascript
layui数据表格重载实现往后台传参
2019/11/15 Javascript
Ajax获取node服务器数据的完整步骤
2020/09/20 Javascript
python3.3教程之模拟百度登陆代码分享
2014/01/16 Python
python中利用队列asyncio.Queue进行通讯详解
2017/09/10 Python
python正则实现计算器功能
2017/12/14 Python
python数字图像处理实现直方图与均衡化
2018/05/04 Python
python hook监听事件详解
2018/10/25 Python
详解Python logging调用Logger.info方法的处理过程
2019/02/12 Python
详解Python中pandas的安装操作说明(傻瓜版)
2019/04/08 Python
Python any()函数的使用方法
2019/10/28 Python
python图片验证码识别最新模块muggle_ocr的示例代码
2020/07/03 Python
使用Keras训练好的.h5模型来测试一个实例
2020/07/06 Python
Python timeit模块原理及使用方法
2020/10/10 Python
照片礼物和装饰:MyPhoto
2019/11/02 全球购物
PHP如何防止SQL注入
2014/05/03 面试题
JDK安装目录下有哪些内容
2014/08/25 面试题
父亲生日宴会答谢词
2014/01/10 职场文书
职业生涯规划书范文
2014/03/10 职场文书
车队司机个人自我鉴定
2014/04/17 职场文书
理想点亮人生演讲稿
2014/05/21 职场文书
优秀班主任先进事迹材料
2014/12/16 职场文书