js里面获取屏幕宽高的screen对象，为什么获取不了屏幕的宽高值？

JavaScript014

js里面获取屏幕宽高的screen对象，为什么获取不了屏幕的宽高值？,第1张

<!DOCTYPE html>

<html>

  <head>

<meta http-equiv="Content-Type" content="text/html charset=UTF-8">

<title>

RunJS 演示代码

</title>

<style type="text/css">

body,div{

margin:0px

padding:0px

}

#show{

width:400px

height:400px

margin:100px auto

background:#969696 

text-align:center

}

    </style>

<script type="text/javascript">

function mess(){

var str = "屏幕尺寸基本信息:<br/>"// 这里你是中文的分号，故而报错

str += "屏幕宽度:"+screen.width+"像素<br/>"

str +="屏幕高度:"+screen.height+"像素<br/>"

str +="屏幕可用宽度"+screen.availWidth+"像素<br/>"

str +="屏幕可用高度"+screen.availHeight+"像素<br/>"

document.getElementById("show").innerHTML = str

}

    </script>

  </head>

<body onload="mess()">

    <div id="show">

</div>

</body>

</html>

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

你所指的应该是网页所见区域高，即document.body.clientHeight