Javascript 在jQuery中：当用户扩展窗口时如何进行函数更新_Javascript_Jquery

Javascript 在jQuery中：当用户扩展窗口时如何进行函数更新

javascript jquery

Javascript 在jQuery中：当用户扩展窗口时如何进行函数更新,javascript,jquery,Javascript,Jquery,有谁能告诉我，当用户导出窗口时，如何使用jQuery使#mydiv保持在窗口的整个高度。在本例中，它仅调整页面加载时的高度。每当用户展开窗口时，我需要它进行调整 <html><head> <script src="js/jquery.js"></script> </head><body> <style> #mydiv { background-color: blue; height: 50px; }

有谁能告诉我，当用户导出窗口时，如何使用jQuery使#mydiv保持在窗口的整个高度。在本例中，它仅调整页面加载时的高度。每当用户展开窗口时，我需要它进行调整

<html><head>
<script src="js/jquery.js"></script>    

</head><body>
<style>

#mydiv {
background-color: blue;
height: 50px;
}

</style>

<div id="mydiv"></div>  
</body></html>

<script>

    if($("#mydiv").height() < $(window).height())
{
    $("#mydiv").height($(window).height());
}  

</script>

</body>
</html>


#mydiv{
背景颜色：蓝色；
高度：50px；
}
if（$（“#mydiv”）.height（）<$（window.height（））
{
$（“#mydiv”）.height（$（window.height（））；
}


#mydiv{
背景颜色：蓝色；
高度：50px；
}
$（窗口）.on（'load'，function（）{
$（“#mydiv”）.height（$（window.height（））；
$（窗口）.on（'resize'，function（））{
$（“#mydiv”）.height（$（window.height（））；
});
});


#mydiv{
背景颜色：蓝色；
高度：50px；
}
$（窗口）.on（'load'，function（）{
$（“#mydiv”）.height（$（window.height（））；
$（窗口）.on（'resize'，function（））{
$（“#mydiv”）.height（$（window.height（））；
});
});


#mydiv{
背景颜色：蓝色；
高度：50px；
}
$（窗口）.on（'load'，function（）{
$（“#mydiv”）.height（$（window.height（））；
$（窗口）.on（'resize'，function（））{
$（“#mydiv”）.height（$（window.height（））；
});
});


#mydiv{
背景颜色：蓝色；
高度：50px；
}
$（窗口）.on（'load'，function（）{
$（“#mydiv”）.height（$（window.height（））；
$（窗口）.on（'resize'，function（））{
$（“#mydiv”）.height（$（window.height（））；
});
});

您好，谢谢：不过我觉得我做得不对：这样行吗？#mydiv{背景色：蓝色；高度：50px；}$（窗口）。调整大小（函数（）{$（“#mydiv”）。高度（$（窗口）。高度（）；}）；仍然需要进入

$（function（）{}）的内部$（function（）{}）的内部$（function（）{}）的内部$（function（）{}）的内部        <!DOCTYPE html>  
        <html>
        <head>
            <meta http-equiv="content-type" content="text/html; charset=utf-8">
            <meta http-equiv="Content-Style-Type" content="text/css">
        <style type="text/css">
          #mydiv {
            background-color: blue;
            height: 50px;
          }

        </style>
        </head>
        <body>


        <div id="mydiv"></div>  

        <script src="js/jquery.js"></script>   
        <script>
          $(window).on('load', function(){
            $("#mydiv").height($(window).height());
            $(window).on('resize', function(){
              $("#mydiv").height($(window).height());
            });
          });

        </script>

        </body>
        </html>


$(function(){
    $("#mydiv").height($(window).height()); // for onload

    //for resize
    $(window).resize(function () {
        $("#mydiv").height($(window).height());
    });
});