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

2019-11-19 17:42:16

字体：大中小

来源：转载

供稿：网友

方法一：在标签上加入 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监听浏览器窗口大小的变化实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持武林网。

上一篇：Node连接mysql数据库方法介绍

下一篇：Bootstrap table表格简单操作