javascript获取浏览器高度，html获取浏览器宽度

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

：可以使用定时器setInterval，每秒获取一次浏览器的宽和高。2：使用jQuery可以这样获取window的宽高。3：宽度 $(window)width() ，高度$(window).height()，自己写个函数，设定定时器的时间。4： ，页面相关事onresize浏览器的窗口大小被改变时触发此事件。

新建一个html文件。为了更好区分，会创建两个按钮标签，然后给这两个按钮标签添加不同的id。引入jquery文件（注：jquery的引入路径一定要正确）。创建加载完成函数，然后创建一个点击按钮获取当前id的函数。保存好html文件后使用浏览器打开，然后点击按钮即可看到点击的id。

你可以尝试以下代码：window.onresize=resizeBannerImage；//当窗口改变宽度时执行此函数function resizeBannerImage() { var winW = $(window).width()； va if( $(window).width() 600 ) { /* 这里是要执行的代码 */ } }知识延展：几个简单的jQuery使用方法响应事件。

相关问答

Q1: js怎么获取微信浏览器title的高度

通过window对象来得到窗口相关的内外款高度信息，如下：outerHeight属性设置或返回一个窗口的外部高度，包括所有界面元素（如工具栏/滚动条）。outerWidth属性设置或返回窗口的外部宽度，包括所有的界面元素（如工具栏/滚动）。innerheight 返回窗口的文档显示区的高度。innerwidth 返回窗口的文档显示区的宽度。

打开sublime text3，也可以用其他编辑器，这里新建一个HTML文档作为示范。创建一下HTML文档的基本架构。设置多个标签，这样等会可以有更多选择。创建一个JS文档，并且与HTML文档关联。输入var test = document.getElementById( pp).offsetTop；document.write( test )。

要得到窗口的尺寸，对于不同的浏览器，需要使用不同的属性和方法：若要检测窗口的真实尺寸，在Netscape下需要使用Window的属性；在 IE下需要 深入Document内部对body进行检测；在DOM环境下，若要得到窗口的尺寸，需要注意根元素的尺寸，而不是元素。Window对象的innerWidth属性包含当前窗口的内部宽度。

屏幕可用工作区高度： window.screen.availHeight 屏幕可用工作区宽度： window.screen.availWidth js简介 js，是JavaScript的缩写，是一种直译式脚本语言，一种动态类型、弱类型、基于原型的语言，内置支持类型。

页面信息：介绍HTML页面大小信息；例如身体的总高度和宽度。一个页面的显示，从外到内，包括屏幕、浏览器和页面本身。HTML元素显示在页面中，页面显示在浏览器中，浏览器显示在屏幕上。这些容器的高度和宽度可以通过Js的一些对象获得。容器的大小是指当前分辨率下的高度和宽度，而不是物理高度和宽度。

Q2: javascript获得浏览器空白区域的高度?

：可以使用定时器setInterval，每秒获取一次浏览器的宽和高。2：使用jQuery可以这样获取window的宽高。3：宽度 $(window)width() ，高度$(window).height()，自己写个函数，设定定时器的时间。4： ，页面相关事onresize浏览器的窗口大小被改变时触发此事件。

先把它display=block，然后再取高度，再display=none；如果最初DIV的display就是none的话，浏览器是不会渲染该对象的，换句话说，浏览器并没有解析里面的内容，所以浏览器自己也不知道该DIV的高.请采纳答案，支持我一下。

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

Q3: Js获取Iframe页面高度,并将高度赋值给Iframe

采用JavaScript来控制iframe元素的高度是iframe高度自适应的关键，同时由于JavaScript对不同域名下权限的控制，引发出同域、跨域两种情况。

如果在主窗口做一个Interval，不停的来获取被包含页的高度，然后做同步，是不是即方便，又解决了JS操作DOM的问题了呢？答案是肯定的。

在文件夹里创建两个html文件，一个“index”一个“iframe”。在index中添加一个iframe标签，直接嵌入iframe页面。在iframe网页中添加了两个固定高度的div内容。浏览器打开index页面我们发现iframe部分有滚动条，需要滚动显示页面。现在我们在index页面的iframe标签再添加如下的属性。

iframe中的代码如下：标题：内容：分享到：---解决方案---给iframe一个id吧，可以使用父页面的document对象获取到iframe的document对象 var zdoc = document.frames[id].document；就可以了---解决方案---如果是父页面一加载就运行JS，是需要判断iframe是否加载完毕的。

iframe src=foot.jsp style=width：100% height=200 /iframe直接给高度不行吗？ 高度不是固定的话用js动态给高度，滚动的话可以overflow。

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

1、目前来讲html不具备获取浏览器宽度的能力。

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

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

4、：可以使用定时器setInterval，每秒获取一次浏览器的宽和高。2：使用jQuery可以这样获取window的宽高。3：宽度 $(window)width() ，高度$(window).height()，自己写个函数，设定定时器的时间。4： ，页面相关事onresize浏览器的窗口大小被改变时触发此事件。

5、通过window对象来得到窗口相关的内外款高度信息，如下：outerHeight属性设置或返回一个窗口的外部高度，包括所有界面元素（如工具栏/滚动条）。outerWidth属性设置或返回窗口的外部宽度，包括所有的界面元素（如工具栏/滚动）。innerheight 返回窗口的文档显示区的高度。innerwidth 返回窗口的文档显示区的宽度。

Q5: 求教js如何获取元素到浏览器顶部的距离

就是获取当前元素的offsetTop值，减去可视区域的高度和窗口卷起的高度。

JS就可以获取了，document.getElementById(DIV的ID或者其它选择).offsetTop；这是离顶部 JQ可以这样：(#aaa).offset().top； //jq获取aaa元素距离body的距离 document.getelementbyid(ddhdh).innerHTML 可以获取到div中的全部数据，包括标签。。

首先在html页面上，看到有一个按钮，要获得这个按钮离顶部的距离。在按钮的事件函数里，先取这个按钮的offset数据，通过jquery的offset方法。得到的结果是一个数组对象，只要获取里面的top数据就行了。使用log方法，把数据输出到浏览器的控制台。运行页面，看到现在的按钮位置。

关于javascript获取浏览器高度和html获取浏览器宽度的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。