jQuery / JS / 前端技術 / 筆記 · 2019-10-08

jQuery Set_Height

高度計算

<script>
     // JavaScript Document
     jQuery(document).ready(function()
     {
          Set_Size();
    });
      
     //高度對齊
     function Set_Height()
     {
          //alert($(window).height());
          height = $(window).height();
          $("#content").height(height);
          $("#aside").height(height);
     }
 
     $(window).resize(function()
     {
          Set_Height();
     });
 
</script>

寬度計算

<script>
     // JavaScript Document
     jQuery(document).ready(function()
     {
          Set_Size();
        });
      
     function Set_Size()
     {
          //內容寬度 = 視窗寬度 - 侧邊寬度
          width = $(window).width() - $('#aside').width();
          height = $(window).height();
          //內容高度
          $("#content").width(width);
          //高度
          $("#content").height(height);
          $("#aside").height(height);
     }
 
     $(window).resize(function()
     {
          Set_Size();
     });
      
</script>