jQuery监听浏览器窗口大小的变化实例


Posted in Javascript onFebruary 07, 2017

方法一:在标签上加入  onLoad="" onResize=""  方法  写上对应的方法即可

方法二:window.onresize=function(){///.....} 在方法里面写上对应的代码即可

着两种方法基本都可以解决问题。

<script>
function adjust(obj){
  var div = document.getElementById("pad");
  var txt = document.getElementById("txt");
  var w = document.body.clientWidth;
  var h = document.body.clientHeight;
  div.style.width = w/3;
  div.style.height = h/3;
  txt.style.width = w/6;
  txt.style.height = h/6;
}
window.onload=function(){
 window.onresize = adjust;
 adjust();
}
</script>
<body style="margin:0px;height:0px;">
<div id="pad" style="background:red;zoom:1;margin:0px;height:0px;">
  <input type="text" id="txt">
</div>
</body>

以上这篇jQuery监听浏览器窗口大小的变化实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
正则表达式语法
Oct 09 Javascript
JS简单的图片放大缩小的两种方法
Nov 11 Javascript
Jquery左右滑动插件之实现超级炫酷动画效果附源码下载
Dec 02 Javascript
jQuery图片前后对比插件beforeAfter用法示例【附demo源码下载】
Sep 20 Javascript
ionic环境配置及问题详解
Jun 27 Javascript
高性能的javascript之加载顺序与执行原理篇
Jan 14 Javascript
详解Immutable及 React 中实践
Mar 01 Javascript
轻松搞定jQuery+JSONP跨域请求的解决方案
Mar 06 jQuery
jQuery实现的简单获取索引功能示例
Jun 04 jQuery
vuex actions传递多参数的处理方法
Sep 18 Javascript
原生JS实现自定义下拉单选选择框功能
Oct 12 Javascript
JavaScript canvas实现雨滴特效
Jan 10 Javascript
Bootstrap table表格简单操作
Feb 07 #Javascript
Jquery根据浏览器窗口改变调整大小的方法
Feb 07 #Javascript
对比分析Django的Q查询及AngularJS的Datatables分页插件
Feb 07 #Javascript
jquery 判断是否支持Placeholder属性的方法
Feb 07 #Javascript
深入理解JavaScript中的for循环
Feb 07 #Javascript
vue实现ToDoList简单实例
Feb 07 #Javascript
js Canvas绘制圆形时钟教程
Feb 06 #Javascript
You might like
php字符串截取中文截取2,单字节截取模式
2007/12/10 PHP
浅谈php函数serialize()与unserialize()的使用方法
2014/08/19 PHP
php 解析xml 的四种方法详细介绍
2016/10/26 PHP
js数组去重的hash方法
2016/12/22 Javascript
关于vue-resource报错450的解决方案
2017/07/24 Javascript
JavaScript函数绑定用法实例分析
2017/11/14 Javascript
详解基于Vue cli生成的Vue项目的webpack4升级
2018/06/19 Javascript
详解React中传入组件的props改变时更新组件的几种实现方法
2018/09/13 Javascript
微信小程序实现顶部下拉菜单栏
2018/11/04 Javascript
JavaScript数据结构之栈实例用法
2019/01/18 Javascript
[01:02:32]DOTA2-DPC中国联赛 正赛 iG vs PSG.LGD BO3 第二场 2月26日
2021/03/11 DOTA
详解Python中映射类型(字典)操作符的概念和使用
2015/08/19 Python
python使用 HTMLTestRunner.py生成测试报告
2017/10/20 Python
Python在不同目录下导入模块的实现方法
2017/10/27 Python
对python中的logger模块全面讲解
2018/04/28 Python
Python实现拷贝/删除文件夹的方法详解
2018/08/29 Python
通过字符串导入 Python 模块的方法详解
2019/10/27 Python
pytorch torch.expand和torch.repeat的区别详解
2019/11/05 Python
python中for循环变量作用域及用法详解
2019/11/05 Python
FC-Moto瑞典:欧洲最大的摩托车服装和头盔商店之一
2018/11/27 全球购物
马来西亚最大的在线隐形眼镜商店:MrLens
2019/03/27 全球购物
最新英语专业学生求职信范文
2013/09/21 职场文书
信息管理专业学生自荐信格式
2013/09/22 职场文书
村委会贫困证明
2014/01/14 职场文书
《木笛》教学反思
2014/03/01 职场文书
大型演出策划方案
2014/05/28 职场文书
敬老月活动总结
2014/08/28 职场文书
法定代表人身份证明书
2014/09/10 职场文书
会计实训报告范文
2014/11/04 职场文书
2015年大学生实习评语
2015/03/25 职场文书
2015年采购部工作总结
2015/04/23 职场文书
锦旗赠语
2015/06/23 职场文书
2015年教师国培感言
2015/08/01 职场文书
教你使用pyinstaller打包Python教程
2021/05/27 Python
Python中 range | np.arange | np.linspace三者的区别
2022/03/22 Python
TypeScript 内置高级类型编程示例
2022/09/23 Javascript