jQuery怎么获取浏览器最大化的宽度

jQuery怎么获取浏览器最大化的宽度,第1张

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中怎么获取当前窗口的宽度等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9294963.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-26
下一篇 2023-04-26

发表评论

登录后才能评论

评论列表(0条)

保存