jQuery获取浏览器高度

 

        在一个自适应高度布局的项目中。需求是，界面高度随浏览器高度的变化而改变样式。觉得这个应用比较多，就记下了。

 #1  引用jQuery

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script> 

#2 初始化样式

$(document).ready(function(){
    var wid = jQuery(window).width();
    $("#iframe1").height(wid);
})

#3 给 $(window) 绑定 resize() 事件，随时捕获浏览器的高度 

$(window).bind("resize", changeDynamic);
function changeDynamic( e ) {
    var hei = $(window).height();
    $("#iframe1").height();
}

    当然获取宽度也是一样 ，转载请注明地址