js计算屏幕尺寸_js网页如何获取手机屏幕宽度

1. js网页如何获取手机屏幕宽度

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 相对文档的水平座标+垂直方向滚动的量

2. 求人帮我写一个JS页面获取屏幕尺寸大小

把参数说一下。帮你分析

3. javascript怎么获取屏幕大小

一个是javascript的window.screen，还有document.body对象。

下面举个实际例子来说明：

<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>标题一</title>
</head>
<body>
<script>
varwidth1=window.screen.width;
varheight1=window.screen.height;
varwidth2=window.screen.availWidth;
varheight2=window.screen.availHeight;
varwidth3=document.body.clientWidth||document.documentElement.clientWidth;
varheight3=document.body.clientHeight||document.documentElement.clientHeight;
varwidth4=document.body.offsetWidth||document.documentElement.offsetWidth;
varheight4=document.documentElement.offsetHeight;
document.write("屏幕的宽度高度："+width1+"*"+height1+"<br>除去了系统状态栏的宽度和高度："+width2+"*"+height2+"<br>出去了滚动条，系统状态栏，浏览器菜单栏的页面高度和宽度："+width3+"*"+height3+"<br>")
</script>
</body>
</html>

4. 如何用js判断屏幕大小

screen.width屏幕宽度
screen.height屏幕高度
此处获取的是屏幕的相关参数，与浏览器窗口大小无关

5. HTML怎样获取屏幕尺寸

<html>
<script>
function a(){
document.write(
"屏幕分辨率为："+screen.width+"*"+screen.height //最好是window.screen
+"<br />"+
"屏幕可用大小："+screen.availWidth+"*"+screen.availHeight
+"<br />"+
"网页可见区域宽："+document.body.clientWidth
+"<br />"+
"网页可见区域高："+document.body.clientHeight
+"<br />"+
"网页可见区域宽(包括边线的宽)："+document.body.offsetWidth
+"<br />"+
"网页可见区域高(包括边线的宽)："+document.body.offsetHeight
+"<br />"+
"网页正文全文宽："+document.body.scrollWidth
+"<br />"+
"网页正文全文高："+document.body.scrollHeight
+"<br />"+
"网页被卷去的高："+document.body.scrollTop
+"<br />"+
"网页被卷去的左："+document.body.scrollLeft
+"<br />"+
"网页正文部分上："+window.screenTop
+"<br />"+
"网页正文部分左："+window.screenLeft
+"<br />"+
"屏幕分辨率的高："+window.screen.height
+"<br />"+
"屏幕分辨率的宽："+window.screen.width
+"<br />"+
"屏幕可用工作区高度："+window.screen.availHeight
+"<br />"+
"屏幕可用工作区宽度："+window.screen.availWidth
);
}
function set_bgColor(){
document.body.style.backgroundColor="red";
}
function set_bgImg(){
document.body.style.backgroundImage="url(t/JS获取屏幕大小 - 风飘零 - 博客园.png)";
}
</script>
<body onLoad="alert('init')" >
<input type='button' value="set_bgColor" onclick="set_bgColor();"> <br>
<input type='button' value="set_bgImg" onclick="set_bgImg()">
</body>
</html>

6. 关于JS获取（判断）不同屏幕大小，并根据屏幕的大小，调用不同的CSS，求大神给我一个例子，我看下。

下边是JS获得屏幕大小的方法，调用不同的CSS是给某个对象，设置不同CSS样式吗？

你最好说明你想要的效果。

<html>
<script>
function a(){
document.write(
"屏幕分辨率为："+screen.width+"*"+screen.height
+"<br />"+
"屏幕可用大小："+screen.availWidth+"*"+screen.availHeight
+"<br />"+
"网页可见区域宽："+document.body.clientWidth
+"<br />"+
"网页可见区域高："+document.body.clientHeight
+"<br />"+
"网页可见区域宽(包括边线的宽)："+document.body.offsetWidth
+"<br />"+
"网页可见区域高(包括边线的宽)："+document.body.offsetHeight
+"<br />"+
"网页正文全文宽："+document.body.scrollWidth
+"<br />"+
"网页正文全文高："+document.body.scrollHeight
+"<br />"+
"网页被卷去的高："+document.body.scrollTop
+"<br />"+
"网页被卷去的左："+document.body.scrollLeft
+"<br />"+
"网页正文部分上："+window.screenTop
+"<br />"+
"网页正文部分左："+window.screenLeft
+"<br />"+
"屏幕分辨率的高："+window.screen.height
+"<br />"+
"屏幕分辨率的宽："+window.screen.width
+"<br />"+
"屏幕可用工作区高度："+window.screen.availHeight
+"<br />"+
"屏幕可用工作区宽度："+window.screen.availWidth
);
}
</script>
<body onload="a()" >
</body>
</html>

7. js如何获取屏幕英寸（注意不是获取分辨率像素值啊）

你用卷尺量显示屏的有效发光显示面的对角线尺寸，记下有多少寸，然后用这个尺寸换算成英寸就可以了！

8. js如何根据不同屏幕的大小，获得页面高度，自动调整列表高度

varwin_w=$(window).width();//获取宽度
varwin_h=$(window).height();//获取高度

如果你想要匹配高度，那么，就是页面专刚刚打开其实没有数据，属是等页面打开，计算了屏幕高度之后，再根据每条数据的高度计算出条数，再利用ajax的异步传输去读取列表，然后用JS呈现在手机网页中的。

9. JS怎么获取屏幕大小本人刚学习JS，请教~

估计你是想找网页的可是区域宽高，屏幕的宽高对你来说意义不大：
网页可视区域宽高：
document.body.clientWidth
document.body.clientHeight

如果你坚持要屏幕宽高：
屏幕分辨率的高： window.screen.height
屏幕分辨率的宽： window.screen.width

10. js获取手机屏幕的尺寸，主要是高度

||</head>

<p id="p1">sssss</p>
<body>
</body>
</html>
<script>
var x = navigator;
var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
document.getElementById("p1").innerHTML="<b>屏幕分辨率:</b>"+screen.width + "*" + screen.height+"<b>内部窗口</b>:" + w + "*" + h
</script>
不知道是不是这个屏幕分辨率：pc上的桌面分辨率。手机上是一个型号固定的分辨

导航:首页 > 编程语言 > js计算屏幕尺寸

js计算屏幕尺寸

与js计算屏幕尺寸相关的资料

友情链接