js判断浏览器窗口大小,并执行相应的事件

实时判断浏览器窗口大小,执行事件的例子,可以用在响应是网站设计中

<!DOCTYPE HTML>  

<html lang="en">   
<head>   
        <meta charset="UTF-8">   
        <title>window resize trigger</title>   
        <script type="text/javascript" src='jquery.js'></script>   
        <script type="text/javascript">   
            /*window.onresize = function(){  
                if($(document).width() < 900){ 
                         document.getElementById("we").style.display = 'none'; 
                }else{ 
                         document.getElementById("we").style.display = 'block'; 
                } 
                }*/ 
$(function(){ 
            $(window).resize(function(){ 
                    if($("body").width() < 900){ 
                            $("#we").css("display","none"); 
                    }else{ 
                            $("#we").css("display","block"); 
                    } 
            }); 
})   

</script>  

</head>   
<body>   
    <div id="we">sdjskdjsk</div>          
</body>   
</html> 

你可能感兴趣的:(resize,响应窗口变化)