JS 获取当前浏览器宽高

JavaScript013

JS 获取当前浏览器宽高,第1张

JQuery获取:

console.log($(window).width())//浏览器当前窗口可视区域宽度

console.log($(window).height())//浏览器当前窗口可视区域高度

console.log($(document).width())//浏览器当前窗口文档对象宽度

console.log($(document).height())//浏览器当前窗口文档的高度

console.log($(document.body).width())//浏览器当前窗口文档body的宽度

console.log($(document.body).height())//浏览器当前窗口文档body的高度

console.log($(document.body).outerWidth(true))//浏览器当前窗口文档body的总宽度 包括border padding margin

console.log($(document.body).outerHeight(true))//浏览器当前窗口文档body的总高度 包括border padding margin

JS获取:

窗口可视区域宽度 : document.documentElement.clientWidth || document.body.clientWidth

窗口可视区域高度 : document.documentElement.clientHeight || document.body.clientHeight

窗口可视区域宽度+边线和滚动条 : document.body.offsetWidth

窗口可视区域高度+边线和滚动条 : document.body.offsetHeight

实际内容的宽度 : document.body.scrollWidth

实际内容的高度 : document.body.scrollHeight

滚动条下拉被卷起来的距离 :document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop

滚动条侧拉被卷起来的距离 :document.body.scrollLeft || document.documentElement.scrollLeft

网页正文部分上 :window.screenTop

网页正文部分左 :window.screenLeft

元素的宽度 :obj.offsetWidth

元素的高度 :obj.offsetHeight

相对于父元素的上位移 :obj.offsetTop(在元素的包含元素不含滚动条的情况下)

相对于父元素的左位移 :obj.offsetLeft(在元素的包含元素不含滚动条的情况下)

新建两个窗口,一个父窗口,一个子窗口。

_复翱诨袢∽哟翱谟辛街址椒ǎ谝恢址椒ㄊ牵好扛龆加幸桓_ontentWindow属性, 通过contentWindow可获取子窗口;第二种方法是:window对象有frames属性,它是一个类数组对象,可以通过数字或窗体名进行索引。

_庋胝夷歉龃翱诰涂梢灾付ㄕ夷歉龃翱诹恕?

<body><SCRIPT LANGUAGE="JavaScript">

var  s = ""

s += "\r\n网页可见区域宽:"+ document.body.clientWidth

s += "\r\n网页可见区域高:"+ document.body.clientHeight

s += "\r\n网页可见区域宽:"+ document.body.offsetWidth  +" (包括边线和滚动条的宽)"

s += "\r\n网页可见区域高:"+ document.body.offsetHeight +" (包括边线的宽)"

s += "\r\n网页正文全文宽:"+ document.body.scrollWidth

s += "\r\n网页正文全文高:"+ document.body.scrollHeight

s += "\r\n网页被卷去的高:"+ document.body.scrollTop

s += "\r\n网页被卷去的左:"+ document.body.scrollLeft

s += "\r\n网页正文部分上:"+ window.screenTop

s += "\r\n网页正文部分左:"+ window.screenLeft

s += "\r\n屏幕分辨率的高:"+ window.screen.height

s += "\r\n屏幕分辨率的宽:"+ window.screen.width

s += "\r\n屏幕可用工作区高度:"+ window.screen.availHeight

s += "\r\n屏幕可用工作区宽度:"+ window.screen.availWidth

s += "\r\n你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色"

s += "\r\n你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸"

alert(s)

</SCRIPT>

拿去 看看有没有你要的