jquery获取浏览器的宽度和高度怎么做的为啥$(window).width()不行呢

jq不会出现这样的问题的，检查下代码存放位置是否正确。另外您的jq是什么版本的？另外如果实在取不到那就用这个

网页可见区域宽： documentbodyclientWidth

网页可见区域高： documentbodyclientHeight

网页可见区域宽： documentbodyoffsetWidth (包括边线的宽)

网页可见区域高： documentbodyoffsetHeight (包括边线的高)

网页正文全文宽： documentbodyscrollWidth

网页正文全文高： documentbodyscrollHeight

网页被卷去的高： documentbodyscrollTop

网页被卷去的左： documentbodyscrollLeft

网页正文部分上： windowscreenTop

网页正文部分左： windowscreenLeft

屏幕分辨率的高： windowscreenheight

屏幕分辨率的宽： windowscreenwidth

屏幕可用工作区高度： windowscreenavailHeight

屏幕可用工作区宽度： windowscreenavailWidth

。。。。

documentbodyclientWidth 用这个原生的 比jq快得快

页面元素距离浏览器工作区顶端的距离  =  元素距离文档顶端偏移值  -   网页被卷起来的高度

即：

页面元素距离浏览器工作区顶端的距离 =  DOM元素对象offsetTop -documentdocumentElementscrollTop

介绍几个属性：（暂时只测了IE和firefox，实际上工作中用到的最多的是chrome）

网页被卷起来的高度/宽度（即浏览器滚动条滚动后隐藏的页面内容高度）

(javascript)        documentdocumentElementscrollTop //firefox

(javascript)        documentdocumentElementscrollLeft //firefox

(javascript)        documentbodyscrollTop //IE

(javascript)        documentbodyscrollLeft //IE

(jqurey)             $(window)scrollTop()

(jqurey)             $(window)scrollLeft()

网页工作区域的高度和宽度

(javascript)       documentdocumentElementclientHeight// IE firefox    

(jqurey)             $(window)height()

元素距离文档顶端和左边的偏移值

(javascript)        DOM元素对象offsetTop //IE firefox

(javascript)        DOM元素对象offsetLeft //IE firefox

(jqurey)             jq对象offset()top

(jqurey)             jq对象offset()left

jquery获取html元素的高度使用height()方法即可。

定义和用法：

height() 方法返回或设置匹配元素的高度。

返回高度：

返回第一个匹配元素的高度。

如果不为该方法设置参数，则返回以像素计的匹配元素的高度。

语法：

$(selector)height(length)

例如：

$("btn1")click(function(){

alert($("p")height());

});

设置高度：

设置所有匹配元素的高度。

语法：

$(selector)height(length)

例如：

$("btn1")click(function(){

$("p")height(50);

});

你用jq的时候是在页面加载的时候就获取了，并不是点击的时候获取的。时机不对。

$('#btn2')click(function () {

var boxAheight = $("#frame_content")outerHeight(true);

alert(boxAheight);

})

1、首先打开hbuilder编辑器，新建一个HTML文档，里面输入长篇的文字。

2、然后在上方引入jQuery的脚本，编辑js脚本，使用bind方法绑定浏览器的scroll事件，监听网页滚动，之后用scrollTop()获取垂直滚动距离，最后d出输出的值即可。

3、保存一下打开浏览器，可以看到一个长篇的文档。

4、按F12打开浏览器开发者工具，切换到Console标签下，滚动鼠标，就可以在开发者工具里显示出浏览器高度位置的数据了。

用jq的话 你可以这样改改

<script type="text/javascript">

function initMainHeight(){

let Mainheight = $(window)height();

if(Mainheight>1){

$("main_bg")css({height:Mainheight+"px"});}

}

$(document)ready(initMainHeight);

$(window)on("resize",initMainHeight);

</script>

不过你这个效果完全就可以用css实现

可以这样写

main_bg{

position:absolute;

left:0;

top:0;

width:100%;

height:100%;

}

以上就是关于jquery获取浏览器的宽度和高度怎么做的为啥$(window).width()不行呢全部的内容，包括:jquery获取浏览器的宽度和高度怎么做的为啥$(window).width()不行呢、如何获取元素距离页面顶部的高度、使用jquery动态添加表格的行之后，如何获取表格高度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！