js获取网页窗口宽度，js获取浏览器窗口高度

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

JS获取页面内容宽度各浏览器不一

body.clientHeight == 可见区域高度 document.documentElement.clientWidth == 页面对象宽度（即BODY对象宽度加上Margin宽）document.documentElement.clientHeight == 页面对象高度（即BODY对象高度加上Margin高）你试下。

首先尽量使用absolute，这样全屏布局以后，元素不会因为浏览器不固定大小而乱掉。

就只能分别针对不用浏览器来获取样式表的属性了，可以试着搜索“JS 获取样式属性”之类的。

：可以使用定时器setInterval，每秒获取一次浏览器的宽和高。2：使用jQuery可以这样获取window的宽高。3：宽度 $(window)width() ，高度$(window).height()，自己写个函数，设定定时器的时间。

这样，返回后，就可以用类似getViewSize()[w]的方法调用宽度。如果要能动态改变，可以这样：var size=getViewSize()；window.onresize=function(){size=getViewSize()；} 这样，无论何时，都可以通过size变量取得窗口大小。

css不行的，如果用css表达式可以取到页面宽度和高度，但不兼容非ie浏览器。

相关问答

Q1: 如何用JAVASCRIPT获取当前窗口的高度和宽度

获取div的高度。如果得不到，可以用下面的方法。下面的方法是得到编辑后的div的高度：/ obj：需要获取其属性的html对象。prop：要获取的obj对象的属性。

要检测网页播放器的窗口是否可视，可以通过以下原理：获取浏览器窗口的尺寸信息：使用JavaScript中 window 对象的 innerWidth 和 innerHeight 属性获取当前浏览器窗口的可视宽度和高度。

然后，设置窗口的起始位置，定位大小为屏幕的宽和高，这样，使用 alwaysLowered 命令就将窗口缩小并移动到了屏幕的右下角。触发事件是一个 JavaScript 链接〈A HREF=javascript：onClick=Minimize()〉Minimize〈/A〉。

innerHeight|| document.documentElement.clientHeight|| document.body.clientHeight；x=document.getElementById(demo)；x.innerHTML=浏览器的内部窗口宽度： + w + ，高度： + h + 。

IE下需要深入Document内部对body进行检测；在DOM环境下，若要得到窗口的尺寸，需要注意根元素的尺寸，而不是元素。Window对象的innerWidth属性包含当前窗口的内部宽度。Window对象的innerHeight属性包含当前窗口的内部高度。

Q2: js如何获得页面的大小?

1、首先，在网页代码的头部，加入一行viewport元标签。

2、resizable： {yes | no | 1 | 0 } [IE5+]：是否可被改变大小。默认no。status： {yes | no | 1 | 0 } [IE5+]：是否显示状态栏。默认为yes[ Modeless]或no[Modal]。

3、.height()；//获取高度如果你想要匹配高度，那么，就是页面刚刚打开其实没有数据，是等页面打开，计算了屏幕高度之后，再根据每条数据的高度计算出条数，再利用ajax的异步传输去读取列表，然后用JS呈现在手机网页中的。

4、js一般是获取不到文件大小的，即使有时能，使用js也会涉及到浏览器版本兼容的问题，。一般判断文件大小都放在服务器端的，文件比较大的话，可以用ajax做异步效果。

Q3: js怎么样控制打开网页窗口的大小

1、var size=getviewsize()；window.onresize=function(){size=getviewsize()；} 这样，无论何时，都可以通过size变量取得窗口大小。

2、用 JavaScript 控制浏览器窗口大小：A：有时候，需要控制显示窗口的大小，通过点击窗口右上角的控制按钮来实现。

3、js控制谷歌浏览器窗口大小不行。根据查询相关资料显示，纯JS是实现不了的，js控制谷歌浏览器窗口要客户端配合。提供一些协议。

4、yes为显示； menubar，scrollbars 表示菜单栏和滚动栏。

5、算出一个中心坐标点，然后每次都把窗口定位到这个点上，再算出相应窗口的变大尺寸，循环50次，从而最终回到浏览器最大化时的状态。