首页 > Web开发 > 详细

js监听网页窗口大小,拖动网页边框缩小或放大,网页里的<table>长度会随着网页边框大小改变

时间:2021-06-07 16:07:13      阅读:13      评论:0      收藏:0      [点我收藏+]
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script>  
    function adjust(obj){  
       var div = document.getElementById("tb");   
       var w  = document.body.clientWidth;   
       div.style.width = ""+w+"px";  
       console.log(w/3);
    }  
    window.onload=function(){  
  window.onresize = adjust;  
  adjust();  
}  
</script>  
<body style="margin:0px;">  
  <table border="1" id="tb">
    <tr>
      <td>序号</td>
      <td>名字</td>
      <td>年龄</td>
    </tr>
    <tr>
      <td>1</td>
      <td>张三</td>
      <td>21</td>
    </tr>
    <tr>
      <td>2</td>
      <td>李四</td>
      <td>22</td>
    </tr>
  </table>
</body> 
</html>

js监听网页窗口大小,拖动网页边框缩小或放大,网页里的<table>长度会随着网页边框大小改变

原文:https://www.cnblogs.com/guojinyu2020/p/14858529.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!