jQuery浏览器类型判断和分辨率判断

最新推荐文章于 2021-06-17 18:08:46 发布

转载最新推荐文章于 2021-06-17 18:08:46 发布 · 306 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/webqiand/p/4602826.html

文章标签：

#javascript #xhtml #ViewUI

本文介绍了一种使用JavaScript动态调整网页元素高度的方法，并展示了如何获取浏览器窗口及文档的高度和宽度信息。

< DOCTYPE html PUBLIC -WCDTD XHTML TransitionalEN httpwwwworgTRxhtmlDTDxhtml-transitionaldtd>

http://article.woshao.com/e6662006308d11e196d7000c2959fd2a

，直接贴代码：

<SCRIPT type="text/javascript">

var bHeight=$(window).height()-$('.ui-layout-south').height()-$('.ui-layout-north').height();

$("#page").css({height:bHeight+'px'});

$(function() {

if($.browser.msie) {

}

else if($.browser.safari) {//contains chrome

}

else if($.browser.mozilla) {

}

else if($.browser.opera) {

}

else {

//alert("i don't konw!");

}

});

</SCRIPT>

<script type="text/javascript">

$(document).ready(function()

{

//alert($(window).height()); //浏览器当前窗口可视区域高度

//alert($(document).height()); //浏览器当前窗口文档的高度

//alert($(document.body).height());//浏览器当前窗口文档body的高度

//alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin

//alert($(window).width()); //浏览器当前窗口可视区域宽度

//alert($(document).width());//浏览器当前窗口文档对象宽度

//alert($(document.body).width());//浏览器当前窗口文档body的高度

//alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin

alert(screen.height);//显示器分辨率，只能用JavaScript代码获取

alert(screen.width);

})

</script>