在一个自适应高度布局的项目中。需求是,界面高度随浏览器高度的变化而改变样式。觉得这个应用比较多,就记下了。
#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(); }
当然获取宽度也是一样 ,转载请注明地址
相关推荐
jQuery获取浏览器窗口的宽度和高度,各个方法的使用效果对比
jquery获取浏览器高度和宽度值(多浏览器) ,解决浏览器不兼容的问题。包括IE各种版本,火狐,谷歌等
JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度
获取浏览器窗口的可视区域高度和宽度,滚动条高度有需要的朋友可参考一下。IE中,浏览器显示窗口大小只能以下获取: 代码如下复制代码 代码如下:document.body.offsetWidth document.body.offsetHeight在声明了...
有时候我们需要得到浏览器窗口内容部分的高度,而不是整个窗口的高度。我试了下JQuery下的window对象,似乎读的正是内容部分,有点意外,不过恰好满足了我们的要求
//浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(document.body)....
jquery获取窗口高度和窗口高度,$(document).height()、$(window).height() $(document).height():整个网页的文档高度 $(window).height():浏览器可视窗口的高度 $(window).scrollTop():浏览器可视窗口顶端...
//浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(document.body)....
1.Js获取浏览器高度和宽度 document.documentElement.clientWidth ==> 浏览器可见区域宽度 document.documentElement.clientHeight ==> 浏览器可见区域高度 document.body.clientWidth ==> BODY对象宽度 document...
JQuery获取浏览器窗口宽高,文档宽高的代码,使用jquery的朋友可以参考下。
获取浏览器和页面文档的宽度和高度 代码如下: //获取浏览器显示区域的高度 $(window).height(); //获取浏览器显示区域的宽度 $(window).width(); //获取页面的文档高度 $(document.body).height(); //获取页面的...
主要介绍了使用jquery中height()方法获取各种高度大全,比如浏览器高度、可视窗口高度、文档高度等,需要的朋友可以参考下
下面把jQuery获取页面及个元素高度、宽度的方法汇总,分享给大家。 获取浏览器显示区域(可视区域)的高度 : 代码如下: $(window).height(); 获取浏览器显示区域(可视区域)的宽度 : 代码如下: $(window)....
jQuery是一款免费且开放源...尺寸确保我们在显示“inline”的元素上获取适当的宽度和高度值。事件确保触发器数据传递给无线电点击事件处理程序;恢复:触发器复选框和广播单击事件相同;恢复:添加无线电点击触发测试。
//用于获取浏览器显示区域的高度 $(window).width(); //用于获取浏览器显示区域的宽度 $(document.body).height(); //获取页面文档的高度 $(document.body).width(); //获取页面文档的宽度 $(document).scrollTop()...
jQuery获取位置和尺寸相关函数: $(document).height() 获取整个页面的高度 $(window).height() 获取当前也就是浏览器所能看到的页面的那部分的高度。这个大小在你缩放浏览器窗口大小时会改变,与document是不一样...