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 相关文章推荐
window.onresize 多次触发的解决方法
Nov 08 Javascript
原生js事件的添加和删除的封装
Jul 01 Javascript
jQuery插件开发的五种形态小结
Mar 04 Javascript
jQuery+css3动画属性制作猎豹浏览器宽屏banner焦点图
Mar 16 Javascript
理解javascript定时器中的单线程
Feb 23 Javascript
批量下载对路网图片并生成html的实现方法
Jun 07 Javascript
js验证真实姓名与身份证号,手机号的简单实例
Jul 18 Javascript
JavaScript实现隐藏省略文字效果的方法
Apr 27 Javascript
vue中通过使用$attrs实现组件之间的数据传递功能
Sep 01 Javascript
JavaScript实现英语单词题库
Dec 24 Javascript
vue学习笔记之Vue中css动画原理简单示例
Feb 29 Javascript
详解Vite的新体验
Feb 22 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中OR与|| AND与&amp;&amp;的区别总结
2013/10/26 PHP
PHP中鲜为人知的10个函数
2014/02/28 PHP
PHP判断指定时间段的2个方法
2014/03/14 PHP
支持生僻字且自动识别utf-8编码的php汉字转拼音类
2014/06/27 PHP
深入浅出讲解:php的socket通信原理
2016/12/03 PHP
刷新页面实现方式总结(HTML,ASP,JS)
2008/11/13 Javascript
说明你的Javascript技术很烂的五个原因
2011/04/26 Javascript
javascript学习笔记(四)function函数部分
2014/09/30 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 简史
2015/01/09 Javascript
jquery实现带缩略图的全屏图片画廊效果实例
2015/06/25 Javascript
js窗口关闭提示信息(兼容IE和firefox)
2015/10/23 Javascript
浏览器兼容性问题大汇总
2015/12/17 Javascript
js简单获取表单中单选按钮值的方法
2016/08/23 Javascript
jquery中ajax请求后台数据成功后既不执行success也不执行error的完美解决方法
2017/12/24 jQuery
Javascript 实现 Excel 导入生成图表功能
2018/10/22 Javascript
vue 使用axios 数据请求第三方插件的使用教程详解
2019/07/05 Javascript
d3.js 地铁轨道交通项目实战
2019/11/27 Javascript
vue基础知识--axios合并请求和slot
2020/06/04 Javascript
python动态加载变量示例分享
2014/02/17 Python
Python图像处理之gif动态图的解析与合成操作详解
2018/12/30 Python
python 求某条线上特定x值或y值的点坐标方法
2019/07/09 Python
Python facenet进行人脸识别测试过程解析
2019/08/16 Python
解决os.path.isdir() 判断文件夹却返回false的问题
2019/11/29 Python
Python中base64与xml取值结合问题
2019/12/22 Python
python 实现ping测试延迟的两种方法
2020/12/10 Python
Python实现曲线拟合的最小二乘法
2021/02/19 Python
TheFork葡萄牙:欧洲领先的在线餐厅预订平台
2019/05/27 全球购物
白酒业务员岗位职责
2013/12/27 职场文书
村优秀党员事迹材料
2014/01/15 职场文书
宿舍打麻将检讨书
2014/01/24 职场文书
共产党员公开承诺书
2014/03/25 职场文书
二人合伙经营协议书
2014/09/13 职场文书
2015届本科毕业生自我鉴定
2014/09/27 职场文书
2014年女职工工作总结
2014/11/27 职场文书
解决SpringBoot文件上传临时目录找不到的问题
2021/07/01 Java/Android
python装饰器代码解析
2022/03/23 Python