js获取分辨率和缩放页面的方法

JavaScript016

js获取分辨率和缩放页面的方法,第1张

var screen = window.screen//获取分辨率

screen.width;//获取分辨率的宽度

screen.height;//获取分辨率的高度

//页面缩放比例设置方法

document.getElementsByTagName('body')[0].style.zoom=0.67//该方法将页面设置比例调整为67%

获取PPI:

function js_getDPI() {

var arrDPI = new Array

if (window.screen.deviceXDPI) {

arrDPI[0] = window.screen.deviceXDPI

arrDPI[1] = window.screen.deviceYDPI

}

else {

var tmpNode = document.createElement("DIV")

tmpNode.style.cssText = "width:1inheight:1inposition:absoluteleft:0pxtop:0pxz-index:99visibility:hidden"

document.body.appendChild(tmpNode)

arrDPI[0] = parseInt(tmpNode.offsetWidth)

arrDPI[1] = parseInt(tmpNode.offsetHeight)

tmpNode.parentNode.removeChild(tmpNode)

}

return arrDPI

}

window.onload=function(){

alert("当前屏幕PPI "+js_getDPI())

}

function a(){

"屏幕宽高为:"+screen.width+"*"+screen.height;

}

其它:

网页可见区域宽:document.body.clientWidth

网页可见区域高:document.body.clientHeight

网页可见区域宽:document.body.offsetWidth (包括边线的宽)

网页可见区域高:document.body.offsetHeight (包括边线的宽)

网页正文全文宽:document.body.scrollWidth

网页正文全文高:document.body.scrollHeight

网页被卷去的高:document.body.scrollTop

网页被卷去的左:document.body.scrollLeft

网页正文部分上:window.screenTop

网页正文部分左:window.screenLeft

屏幕分辨率的高:window.screen.height

屏幕分辨率的宽:window.screen.width

屏幕可用工作区高度:window.screen.availHeight

屏幕可用工作区宽度:window.screen.availWidth

HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth

scrollHeight: 获取对象的滚动高度。

scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离

scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离

scrollWidth:获取对象的滚动宽度

offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度

offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置

offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置

event.clientX 相对文档的水平座标

event.clientY 相对文档的垂直座标

event.offsetX 相对容器的水平坐标

event.offsetY 相对容器的垂直坐标

document.documentElement.scrollTop 垂直方向滚动的值

event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量