求问Javascript如何获取屏幕的分辨率（PPIDPI）？

JavaScript05

求问Javascript如何获取屏幕的分辨率（PPIDPI）？,第1张

获取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())

}

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

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

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

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

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

<script type="text/javascript">

$(document).ready(function()    

{

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

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

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

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

border padding margin

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

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

alert($(document.body).width())//浏览器当前窗口文档body的高度

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

border padding margin

alert(screen.height)//显示器分辨率，只能用JavaScript代码获取

alert(screen.width)

})

</script>

网页可见区域宽： 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

这个是文件源代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title></title>

<script src="lib/jquery-1.6.min.js" type="text/javascript"></script>

<script src="lib/jquery.validate.js" type="text/javascript"></script>

<script src="lib/jquery.validate.messages_cn.js" type="text/javascript"></script>

<style type="text/css">

* { font-family: Verdanafont-size: 96%}

label { width: 10emfloat: left}

label.error { float: nonecolor: redpadding-left: .5emvertical-align: top}

p { clear: both}

.submit { margin-left: 12em}

em { font-weight: boldpadding-right: 1emvertical-align: top}

</style>

<script type="text/javascript">

$(document).ready(function(){

$("#commentForm").validate({

rules: {

username: {

required: true,

minlength: 2

},

email: {

required: true,

email: true

},

url:"url",

comment: "required"

}

})

})

</script>

</head>

<body>

<form class="cmxform" id="commentForm" method="get" action="">

<fieldset>

<legend>一个简单的验证带验证提示的评论例子</legend>

<p>

<label for="cusername">姓名</label>

<em>*</em><input id="cusername" name="username" size="25" />

</p>

<p>

<label for="cemail">电子邮件</label>

<em>*</em><input id="cemail" name="email" size="25" />

</p>

<p>

<label for="curl">网址</label>

<em></em><input id="curl" name="url" size="25" value="" />

</p>

<p>

<label for="ccomment">你的评论</label>

<em>*</em><textarea id="ccomment" name="comment" cols="22"></textarea>

</p>

<p>

<input class="submit" type="submit" value="提交"/>

</p>

</fieldset>

</form>

</body>

</html>

现在的问题是 在IE浏览器是可以验证的 在遨游 360等浏览器里面直接用浏览器打开也是可以验证的，但是用http访问， IE下正常,360 遨游等下面就不行了 。

似乎是浏览器设置的问题。我刚开始试也不行，后来把360的网页设置那里的网页内容和网页增强的选项都不选，然后点Internet 选项，把安全级别和隐私级别都设置为中，就好了。