JS和jquery获取各种屏幕的宽度和高度

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

创新互联长期为上千多家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为荣县企业提供专业的做网站、成都网站制作，荣县网站改版等技术服务。拥有十余年丰富建站经验和众多成功案例,为您定制开发。

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

在js使用过程中可能会根据要求获取浏览器高度和宽度。

什么时候需要获取图片真实的宽度和高度在做pc网页的时候，有时候会考虑按照插入的图片的尺寸来判断图片是横图还是竖图。

jquery获取img宽高的操作方法和步骤如下：首先，界面中有一个img，但是js不用于设置其宽度，高度和背景颜色，如下图所示。其次，使用jQuery获取要设置的div，然后调用css（）方法即可开始设置，如下图所示。

jQuery获取元素宽高

只有在DOM元素被渲染了之后，才能获取元素实际的宽高。换句话说，如果元素还未插入DOM树里，就不可能走到渲染这一步，更不可能拿到元素的宽和高。

transform本身就是变形属性，不会改变元素的位置大小等，布局不发生变化，只是对元素进行变换。所以js获取的宽高是元素未变形前的值，需要获取缩放后的宽高，可以用元素的宽高乘以缩放值。

火狐的firebug中，有一个样式表的选项，里面有一个事dom，里面会吧该标签的所有属性和方法列出来，你可以看看。宽度在计算出来的样式里面，有width和height，如果不行，你可以读取attr(width)和attr(height)看看。

设置了“display：none”的元素本来就是没有高度的。

在jQuery中，获取元素高度的函数有3个，其中有outerHeight()和height()。

jquery获取img宽高

界面中有一个img，但是没有用js来设置它的宽度高度和背景颜色。接着使用jQuery获取到所要设置的div，并且调用css（）方法即可开始设置了。在css方法即可设置，注意，里面有花括号哦，并且属性用双引号引起来。

data-original=http：//piczhimg点抗 /45e64ea2f624418ab0ce2aad95bf6762_r.jpg 其中data-rawwidth和data-rawheigth就是原图的原始宽高，但是这个数据是在用户提交表单时由后台程序分析图片的数据流得出的。

通过搜索，我们可以从网上找到实现此功能的jQuery代码如下。这段代码可以使图片的大小保持在一定范围内，如果图片的原始尺寸都大于max*值，则显示出来的图片宽度都相等。原始代码：在我的js代码中，也采取了这种写法。

网站栏目：jquery读取宽度 jquery获取元素的宽度
文章转载：http://scyanting.com/article/dgodscp.html