jquery 如何获得窗口的宽和高

jquery 如何获得窗口的宽和高,第1张

提供你一个函数,获取浏览器显示部分的高度,兼容所有主流浏览器

<script>

function getWindowSize() {

var client = {

x:0,

y:0

};

if(typeof documentcompatMode != 'undefined' && documentcompatMode == 'CSS1Compat') {

clientx = documentdocumentElementclientWidth;

clienty = documentdocumentElementclientHeight;

} else if(typeof documentbody != 'undefined' && (documentbodyscrollLeft || documentbodyscrollTop)) {

clientx = documentbodyclientWidth;

clienty = documentbodyclientHeight;

}

return client;

}

function getsize(){

var size = getWindowSize();

documentgetElementById("width")value = sizex;

documentgetElementById("height")value = sizey;

}

</script>

<body onresize="getsize()">

width:<input type="text" id="width" /><br />

height:<input type="text" id="height" />

</body>

var content = $(‘div’)width();

//只是获取content宽度

var contentWithPadding = $('div')innerWidth();

//获取content+padding的宽度

var withoutMargin = $(‘div’)outerWidth();

//获取content+padding+border的宽度

var full = $('div')outerWidth(true);

//获取content+padding+border+margin的宽度

加载并不像div这类元素是已经加载完成后才调用的,是在页面加载后一直在加载,没有加载完成,当然是取不到值。

应判断加载是否完成,用load事件。

jquery下用 $('img')load(function({ })

原生下用 imgonload() = function(){ }

以上就是关于jquery 如何获得窗口的宽和高全部的内容,包括:jquery 如何获得窗口的宽和高、jQuery如何获取和计算对象的长度、在用Jquery或者js获取一个d出的div的时候,有时候获取到的width()是0,有时候则正常,为什么呢等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9382763.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存