
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));
$('div')width();
$width 没有这么写的吧
如果div 没有设置宽度 且没有内容 那么宽度应该是0
如果你是利用jquery 后加入内容到div中去 计算宽度时也有可能是0;
获取浏览器显示区域的高度 :
$(window)height();
获取浏览器显示区域的宽度 :
$(window)width();
获取页面的文档高度 :
$(document)height();
获取页面的文档宽度 :
$(document)width();
获取滚动条到顶部的垂直高度 :
$(document)scrollTop();
获取滚动条到左边的垂直宽度 :
$(document)scrollLeft();
计算元素位置和偏移量:
$(id)offset();
<body>
文本框:<input id="txtId" type="text" style="width:25px" />
</body>
<script>
var widthSize = 25; //文本框长度
var size=0; //文本框字符长度
$("#txtId")keyup(function(){
//当前输入的文本比上一次的文本值长度短,就缩减文本框的宽度
if(thisvaluelength<size){
size=$("#txtId")val()length; //获取文本框的字符长度
widthSize=parseInt(widthSize-10); //当前文本宽度-10px
thisstylewidth=widthSize+"px";
return "";
//否则就增加文本框的宽度
}else{
size=$("#txtId")val()length; //获取文本框的字符长度
widthSize=parseInt(widthSize+10); //当前文本宽度+10px
thisstylewidth=widthSize+"px";
return "";
}
});
</script>
以上就是关于Jquery如何获取浏览器窗口宽度全部的内容,包括:Jquery如何获取浏览器窗口宽度、为什么jQuery中的$width获得的值为0、jquery 如何获取滚动条的宽度等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)