<script type="text/javascript">
$(document)ready(function()
{
alert($(window)height()); //浏览器当前窗口可视区域高度
alert($(document)height()); //浏览器当前窗口文档的高度
alert($(documentbody)height());//浏览器当前窗口文档body的高度
alert($(documentbody)outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
alert($(window)width()); //浏览器当前窗口可视区域宽度
alert($(document)width());//浏览器当前窗口文档对象宽度
alert($(documentbody)width());//浏览器当前窗口文档body的高度
alert($(documentbody)outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin
alert(screenheight);//显示器分辨率，只能用JavaScript代码获取
alert(screenwidth);
})
</script>
网页可见区域宽： documentbodyclientWidth
网页可见区域高： documentbodyclientHeight
网页可见区域宽： documentbodyoffsetWidth (包括边线的宽)
网页可见区域高： documentbodyoffsetHeight (包括边线的高)
网页正文全文宽： documentbodyscrollWidth
网页正文全文高： documentbodyscrollHeight
网页被卷去的高： documentbodyscrollTop
网页被卷去的左： documentbodyscrollLeft
网页正文部分上： windowscreenTop
网页正文部分左： windowscreenLeft
屏幕分辨率的高： windowscreenheight
屏幕分辨率的宽： windowscreenwidth
屏幕可用工作区高度： windowscreenavailHeight
只有在DOM元素被渲染了之后，才能获取元素实际的宽高。
换句话说，如果元素还未插入DOM树里，就不可能走到渲染这一步，更不可能拿到元素的宽和高。
综上所述，你只能通过在DOM中插入元素，之后再获取已经渲染好的元素的宽高。
jQuery 获取屏幕高度、宽度
做手机Web开发做浏览器兼容用到了，所以在网上找了些汇总下。
alert($(window)height()); //浏览器当前窗口可视区域高度
alert($(document)height()); //浏览器当前窗口文档的高度
alert($(documentbody)height());//浏览器当前窗口文档body的高度
alert($(documentbody)outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
alert($(window)width()); //浏览器当前窗口可视区域宽度
alert($(document)width());//浏览器当前窗口文档对象宽度
alert($(documentbody)width());//浏览器当前窗口文档body的高度
alert($(documentbody)outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin
// 获取页面的高度、宽度
function getPageSize() {
var xScroll, yScroll;
if (windowinnerHeight && windowscrollMaxY) {
xScroll = windowinnerWidth + windowscrollMaxX;
yScroll = windowinnerHeight + windowscrollMaxY;
} else {
if (documentbodyscrollHeight > documentbodyoffsetHeight) { // all but Explorer Mac
xScroll = documentbodyscrollWidth;
yScroll = documentbodyscrollHeight;
} else { // Explorer Macwould also work in Explorer 6 Strict, Mozilla and Safari
xScroll = documentbodyoffsetWidth;
yScroll = documentbodyoffsetHeight;
}
}
var windowWidth, windowHeight;
if (selfinnerHeight) { // all except Explorer
if (documentdocumentElementclientWidth) {
windowWidth = documentdocumentElementclientWidth;
} else {
windowWidth = selfinnerWidth;
}
windowHeight = selfinnerHeight;
} else {
if (documentdocumentElement && documentdocumentElementclientHeight) { // Explorer 6 Strict Mode
windowWidth = documentdocumentElementclientWidth;
windowHeight = documentdocumentElementclientHeight;
} else {
if (documentbody) { // other Explorers
windowWidth = documentbodyclientWidth;
windowHeight = documentbodyclientHeight;
}
}
}
// for small pages with total height less then height of the viewport
if (yScroll < windowHeight) {
pageHeight = windowHeight;
} else {
pageHeight = yScroll;
}
// for small pages with total width less then width of the viewport
if (xScroll < windowWidth) {
pageWidth = xScroll;
} else {
pageWidth = windowWidth;
}
arrayPageSize = new Array(pageWidth, pageHeight, windowWidth, windowHeight);
return arrayPageSize;
}
// 滚动条
documentbodyscrollTop;
$(document)scrollTop();
可以使用jquery里面的outerWidth就可以了。
下面是简单的代码，仅供参考：
<script src="jqueryjs"></script><body>
<div id="div"></div>
</body>
<script>
$('#div')outerWidth(); //获取div的宽度。
$('#div')attr('width','100px'); //给div赋值。
</script>
strInfo+=\r\n网页可见区域高:+documentbodyclientHeight;
strInfo+=\r\n网页可见区域宽:+documentbodyoffsetWidth+(包括边线的宽);
strInfo+=\r\n网页可见区域高:+documentbodyoffsetHeight+(包括边线的高);
strInfo+=\r\n网页正文全文宽:+documentbodyscrollWidth;
strInfo+=\r\n网页正文全文高:+documentbodyscrollHeight;
strInfo+=\r\n网页被卷去的高:+documentbodyscrollTop;
strInfo+=\r\n网页被卷去的左:+documentbodyscrollLeft;
strInfo+=\r\n网页正文部分上:+windowscreenTop;
strInfo+=\r\n网页正文部分左:+windowscreenLeft;
strInfo+=\r\n屏幕分辨率的高:+windowscreenheight;
strInfo+=\r\n屏幕分辨率的宽:+windowscreenwidth;
strInfo+=\r\n屏幕可用工作区高度:+windowscreenavailHeight;
strInfo+=\r\n屏幕可用工作区宽度:+windowscreenavailWidth;
windowconfirm(strInfo);
</script
-----------------------------------------------------------------------------------------
最近编程中发现html静态页面的开发可以使用
documentbodyClientHeight
来获得页面的高度，但aspnet的页面却无法这样获取，获取到的只是页面最小的高度，比如页面只有一个button，那么该js语句获得的就是24。
documentdocumentElementOffsetHeight
----------------------------------------------------------------------------------------加上documentbodyscrollLeft;
documentbodyscrollTop;
x=documentbodyclientWidth+documentbodyscrollLeft;
y=documentbodyclientHeight+documentbodyscrollTop;若想得到整个页面的高度可以用
浏览器元素加载,所现种情况
要避免,用jqueryload,等待div加载完再显示整屏
参考:
$("#divId")css("display","none");
$("#divId")load(function(){
$("#divId")css("display","block");
});
以上就是关于jquery怎么获取浏览器屏幕分辨率全部的内容，包括:jquery怎么获取浏览器屏幕分辨率、jquery如何获取动态创建的且还没有放入dom的元素的宽度、怎么样获取屏幕的高度 jquery等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）