用JS或者jQuery可以监听浏览器窗口的变化吗

试试resize事件

$(window)resize(function() {

var width = $(this)width();

var height = $(this)height();

});

不过resize事件好像对框架不起作用

少用 JS 多用 CSS, 提升运行效率 另外 resize 事件当用鼠标拖放窗口大小时, 触发非常频繁, 谨慎使用

建议 body 下 布局一个 DIV, 这个DIV 的 CSS 可以这样处理:

    position: absolute;

    left:0px;

    right:0px;

    top:0px;

    bottom:0px;

    overflow:auto;

}

然后再在这个 div中进行布局, 子div可以用 100%相对布局, 页面宽度就自动撑开了

另外一种常用布局是用 table 设置宽度为100%进行布局, 不过有很多局限, 用的少了

1方法如下：

获取浏览器显示区域（可视区域）的高度 ：

$(window)height();

获取浏览器显示区域（可视区域）的宽度 ：

$(window)width();

获取页面的文档高度

$(document)height();

获取页面的文档宽度 ：

$(document)width();

浏览器当前窗口文档body的高度：

$(documentbody)height();

浏览器当前窗口文档body的宽度：

$(documentbody)width();

获取滚动条到顶部的垂直高度 (即网页被卷上去的高度)

$(document)scrollTop();

获取滚动条到左边的垂直宽度 ：

$(document)scrollLeft();

获取或设置元素的宽度：

$(obj)width();

获取或设置元素的高度：

$(obj)height();

某个元素的上边界到body最顶部的距离：objoffset()top;（在元素的包含元素不含滚动条的情况下）

某个元素的左边界到body最左边的距离：objoffset()left;（在元素的包含元素不含滚动条的情况下）

返回当前元素的上边界到它的包含元素的上边界的偏移量：objoffset()top（在元素的包含元素含滚动条的情况下）

返回当前元素的左边界到它的包含元素的左边界的偏移量：objoffset()left（在元素的包含元素含滚动条的情况下）

2代码如下：

//返回当前页面高度

function pageHeight(){

if($browsermsie){

return documentcompatMode == "CSS1Compat" documentdocumentElementclientHeight :

documentbodyclientHeight;

}else{

return selfinnerHeight;

}

};

//返回当前页面宽度

function pageWidth(){

if($browsermsie){

return documentcompatMode == "CSS1Compat" documentdocumentElementclientWidth :

documentbodyclientWidth;

}else{

return selfinnerWidth;

}

};

这个不是jquery设置的，你给body设置一个最小宽度就可以，或者在body下的最先一级div设置宽度，然后居中。

我试了下，在不同的浏览器缩放程度是不同的，360浏览器无法缩没，但是chromium浏览器可以缩到没有。

一般来说，浏览器窗口大小是浏览器控制的，除非是你自己open的窗口。限制浏览区域一般都是通过css固定显示区域的大小来实现的。

以上就是关于用JS或者jQuery可以监听浏览器窗口的变化吗全部的内容，包括:用JS或者jQuery可以监听浏览器窗口的变化吗、怎么用jQuery/HTML/Div+CSS按浏览器屏幕大小自适应布局、请问如何通过jquery获取页面内容的高度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！