js或者jquery如何实时获取浏览器的高度和宽度的

jquery

$(function(){

/调整窗口自动调整宽度/

$(window)resize(function(){

var h = $(window)height();

var w = $(window)width();

consoleinfo("窗口高度：" + h + "; 窗口宽度：" + w);

});

});

js取得浏览器的高度并赋值给div的步骤如下：

1">

2请调整浏览器窗口大小</h2><hr /><form action="#" method="get" name="form1" id="form1"><!--

3显示浏览器窗口的实际尺寸-->浏览器窗口 的 实际高    度: <input type="text" name="availHeight" size="4"/><br />

4浏览器窗口 的 实际宽度: <input type="text" name="availWidth" size="4"/><br /></form><script type="text/javascript"><!-- var winWidth = 0;var winHeight = 0;function findDimensions()

5//函数：获取尺寸{//获取窗口宽度if (windowinnerWidth)winWidth = windowinnerWidth;else if ((documentbody) && (documentbodyclientWidth))winWidth = documentbodyclientWidth;//获取窗口高度documentform1availHeightvalue= winHeight;documentform1availWidthvalue= winWidth;}findDimensions();//调用函数，获取数值windowonresize=findDimensions;//--></script></body></html>

先来一个浏览器窗口大小改变的事件，用来查看浏览器窗口的大小被改变可以触发一些函数

windowonresize 浏览器窗口大小改变事件

在写js的时候偶尔需要获取各种高度，比如；浏览器高度，页面高度，滚动高度等。

（不加边线）：

网页可见区域的高度和宽度（加边线）：

以上就是关于js或者jquery如何实时获取浏览器的高度和宽度的全部的内容，包括:js或者jquery如何实时获取浏览器的高度和宽度的、如何用 js 取得浏览器的高度并赋值给div、js获取各种高度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！