jquery或js 如何时时获取浏览器当前的宽和高？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jquery或js 如何时时获取浏览器当前的宽和高？相关的知识，希望对你有一定的参考价值。
参考技术A获取步骤如下所示。
1：可以使用定时器setInterval，每秒获取一次浏览器的宽和高。
2：使用jQuery可以这样获取window的宽高。
3：宽度 $(window)width() ，高度$(window).height()，自己写个函数，设定定时器的时间。
4：<body onresize="showSize()"> ，页面相关事onresize浏览器的窗口大小被改变时触发此事件。
使用js如何设置获取盒模型的宽和高
第一种：
dom.style.width/height
这种方法只能获取使用内联样式的元素的宽和高。
第二种：
dom.currentStyle.width/height
这种方法获取的是浏览器渲染以后的元素的宽和高，无论是用何种方式引入的css样式都可以，但只有IE浏览器支持这种写法。
第三种：
window.getComputedStyle(dom).width/height
这种方法获取的也是浏览器渲染以后的元素的宽和高，但这种写法兼容性更好一些。
第四种：
dom.getBoundingClientRect().width/height
这种方法经常使用的场所是，计算一个元素的绝对位置（相对于视窗左上角），它能拿到元素的left、top、width、height 4个属性。
以上是关于jquery或js 如何时时获取浏览器当前的宽和高？的主要内容，如果未能解决你的问题，请参考以下文章
Get Window Size关键字——获取当前页面窗口的大小，会返回窗口的宽和高，先返回宽，再返回高——不需要接收任何参数