在一个自适应高度布局的项目中。需求是,界面高度随浏览器高度的变化而改变样式。觉得这个应用比较多,就记下了。
#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(); }
当然获取宽度也是一样 ,转载请注明地址