1、js中获取当前屏幕宽度方法如下：
网页可见区域宽： 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
2、js简介
js，是JavaScript的缩写，是一种直译式脚本语言，一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
avaScript是的源代码在发往客户端运行之前不需经过编译，而是将文本格式的字符代码发送给浏览器由浏览器解释运行。直译语言的弱点是安全性较差，而且在JavaScript中，如果一条运行不了，那么下面的语言也无法运行。
<!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>
注解：ele要全屏的元素
退出全屏直接使用document调用exitFullscreen方法即可。
document.fullscreenElement()：获取当前全屏的元素。
注意：
1.document下没有requestFullscreen
2.requestFullscreen方法只能由用户触发，比如：在onload事件中不能触发
3.页面跳转需先退出全屏
4.进入全屏的元素，将脱离其父元素，所以可能导致某些css失效
解决方案：使用 :full-screen伪类 为元素添加全屏时的样式（使用时为了兼容注意添加-webkit、-moz或-ms前缀）
5.一个元素全屏后，其子元素要再全屏，需先让该元素退出全屏
