javascript怎么获取屏幕大小
2个回答
展开全部
一个是javascript的window.screen，还有document.body对象。
下面举个实际例子来说明：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>标题一</title>
</head>
<body>
<script>
var width1=window.screen.width;
var height1=window.screen.height;
var width2=window.screen.availWidth;
var height2=window.screen.availHeight;
var width3=document.body.clientWidth||document.documentElement.clientWidth;
var height3=document.body.clientHeight||document.documentElement.clientHeight;
var width4=document.body.offsetWidth||document.documentElement.offsetWidth;
var height4=document.documentElement.offsetHeight;
document.write("屏幕的宽度高度："+width1+"*"+height1+"<br>除去了系统状态栏的宽度和高度："+width2+"*"+height2+"<br>出去了滚动条，系统状态栏，浏览器菜单栏的页面高度和宽度："+width3+"*"+height3+"<br>")
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
1
2
3
4
5
6
7
8
9
<script>
window.onload = function(){
// 获取屏幕高度 document.documentElement.clientHeight
console.log(document.documentElement.clientHeight);
// 获取屏幕宽度 document.documentElement.clientWidth
console.log(document.documentElement.clientWidth);
}
</script>
2
3
4
5
6
7
8
9
<script>
window.onload = function(){
// 获取屏幕高度 document.documentElement.clientHeight
console.log(document.documentElement.clientHeight);
// 获取屏幕宽度 document.documentElement.clientWidth
console.log(document.documentElement.clientWidth);
}
</script>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
