windowscreenwidth
网页可见区域宽: documentbodyclientWidth
网页可见区域高: documentbodyclientHeight
网页可见区域宽: documentbodyoffsetWidth (包括边线的宽)
网页可见区域高: documentbodyoffsetHeight (包括边线的高)
网页正文全文宽: documentbodyscrollWidth
网页正文全文高: documentbodyscrollHeight
网页被卷去的高: documentbodyscrollTop
网页被卷去的左: documentbodyscrollLeft
网页正文部分上: windowscreenTop
网页正文部分左: windowscreenLeft
屏幕物理分辨率的高: windowscreenheight
屏幕物理分辨率的宽: windowscreenwidth
屏幕可用工作区高度: windowscreenavailHeight
屏幕可用工作区宽度: windowscreenavailWidth
屏幕缩放因子:windowdevicePixelRatio
屏幕逻辑分辨率:windowscreenwidth windowdevicePixelRatio (缩放因子与物理分辨率的乘积)
网页可见区域宽: documentbodyclientWidth
网页可见区域高: documentbodyclientHeight
网页可见区域宽: documentbodyoffsetWidth (包括边线的宽)
网页可见区域高: documentbodyoffsetHeight (包括边线的高)
网页正文全文宽: documentbodyscrollWidth
网页正文全文高: documentbodyscrollHeight
网页被卷去的高: documentbodyscrollTop
网页被卷去的左: documentbodyscrollLeft
网页正文部分上: windowscreenTop
网页正文部分左: windowscreenLeft
屏幕分辨率的高: windowscreenheight
屏幕分辨率的宽: windowscreenwidth
屏幕可用工作区高度: windowscreenavailHeight
屏幕可用工作区宽度: windowscreenavailWidth
<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
}
)
</script>
//js部分
$(document)ready(function() {
$("#button")click(function() {
alert("高:"+$(document)height()+" 宽:"+$(document)width());
});
});<!-- html 部分 -->
<button id="button">点击显示</button>
你真确定不好使?检查一下jquery路径吧。
<body><SCRIPT LANGUAGE="JavaScript">
var s = "";
s += "\r\n网页可见区域宽:"+ documentbodyclientWidth;
s += "\r\n网页可见区域高:"+ documentbodyclientHeight;
s += "\r\n网页可见区域宽:"+ documentbodyoffsetWidth +" (包括边线和滚动条的宽)";
s += "\r\n网页可见区域高:"+ documentbodyoffsetHeight +" (包括边线的宽)";
s += "\r\n网页正文全文宽:"+ documentbodyscrollWidth;
s += "\r\n网页正文全文高:"+ documentbodyscrollHeight;
s += "\r\n网页被卷去的高:"+ documentbodyscrollTop;
s += "\r\n网页被卷去的左:"+ documentbodyscrollLeft;
s += "\r\n网页正文部分上:"+ windowscreenTop;
s += "\r\n网页正文部分左:"+ windowscreenLeft;
s += "\r\n屏幕分辨率的高:"+ windowscreenheight;
s += "\r\n屏幕分辨率的宽:"+ windowscreenwidth;
s += "\r\n屏幕可用工作区高度:"+ windowscreenavailHeight;
s += "\r\n屏幕可用工作区宽度:"+ windowscreenavailWidth;
s += "\r\n你的屏幕设置是 "+ windowscreencolorDepth +" 位彩色";
s += "\r\n你的屏幕设置 "+ windowscreendeviceXDPI +" 像素/英寸";
alert(s);
</SCRIPT>
拿去 看看有没有你要的
浏览器元素加载,所现种情况
要避免,用jqueryload,等待div加载完再显示整屏
参考:
$("#divId")css("display","none");
$("#divId")load(function(){
$("#divId")css("display","block");
});
以上就是关于jQuery怎么获取浏览器最大化的宽度全部的内容,包括:jQuery怎么获取浏览器最大化的宽度、js或者jquery如何获取自适应宽度的具体值、jquery中怎么获取当前窗口的宽度等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)