导航:首页 > 编程语言 > js如何获取屏幕大小

js如何获取屏幕大小

发布时间:2023-06-09 14:00:36

javascript或php如何获取当前用户屏幕的物理尺寸

您好:
<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 on
load="a()" >
</body>
</html>
您要用这个尺寸的话,只要用可用大小来显示就可以了。就是第二个屏幕可用大小。

Ⅱ 用javascript 怎样才能很好的获取手机的屏幕宽度和高度

无论是手机端还是 PC 端,浏览器的宽高使用
document.documentElement.clientWidth
document.documentElement.clientHeight
都是兼容性很好的

screen.width啥的应该也版没问题
可以上w3school网站找权找相关的资料

js和jquery获取各种屏幕的宽度和高度

Javascript:
网页可见区域宽:
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
JQuery:
$(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
})

Ⅳ javascript如何获取页面的高度和宽度

window.outerHeight 窗口总高度 和window.screen.availHeight一样
window.innerHeight 窗口可视区域高度
window.screen.height 显示器屏幕高版度
另外:权jquery获取高度
$(".thisCrumbs").height()

元素本身高度
$(".thisCrumbs").innerHeight()

元素高度+内边距
$(".thisCrumbs").outerHeight()

元素高度+内边距+边框
$(".thisCrumbs").outerHeight(true)
元素高度+内边距+边框+外边距

Ⅳ 如何用JAVASCRIPT获取当前窗口的高度和宽度

<body><SCRIPTLANGUAGE="JavaScript">
vars="";
s+=" 网页可见区域宽:"+document.body.clientWidth;
s+=" 网页可见区域高:"+document.body.clientHeight;
s+=" 网页可见区域宽:"+document.body.offsetWidth+"(包括边线和滚动条的宽)";
s+=" 网页可见区域高:"+document.body.offsetHeight+"(包括边线的宽)";
s+=" 网页正文全文宽:"+document.body.scrollWidth;
s+=" 网页正文全文高:"+document.body.scrollHeight;
s+=" 网页被卷去的高:"+document.body.scrollTop;
s+=" 网页被卷去的左:"+document.body.scrollLeft;
s+=" 网页正文部分上:"+window.screenTop;
s+=" 网页正文部分左:"+window.screenLeft;
s+=" 屏幕分辨率的高:"+window.screen.height;
s+=" 屏幕分辨率的宽:"+window.screen.width;
s+=" 屏幕可用工作区高度:"+window.screen.availHeight;
s+=" 屏幕可用工作区宽度:"+window.screen.availWidth;
s+=" 你的屏幕设置是"+window.screen.colorDepth+"位彩色";
s+=" 你的屏幕设置"+window.screen.deviceXDPI+"像素/英寸";
alert(s);
</SCRIPT>

拿去 看看有没有你要的

Ⅵ 关于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>

Ⅶ js如何获取屏幕英寸(注意不是获取分辨率像素值啊)

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

阅读全文

与js如何获取屏幕大小相关的资料

热点内容
ps3文件分割视频 浏览:280
微信图片一键转发软件 浏览:331
如何判断s200plc编程电缆 浏览:691
太原编程培训班哪个好 浏览:171
树叶吹奏教程 浏览:6
社交app带来了哪些社会问题 浏览:394
如何安装爱宝8800数据采集器 浏览:712
文件保存了怎么找不到了 浏览:476
彩票网站怎么辨真假 浏览:840
pr找不到该文件 浏览:963
java移除panel 浏览:354
jsp填充jsp 浏览:166
海关外贸大数据在哪里查 浏览:381
思特奇java笔试题 浏览:121
葫芦侠在手机中的文件名 浏览:813
plc编程应该怎么收钱 浏览:584
c语言中源文件由什么组成 浏览:890
linuxhttpdphp配置文件 浏览:607
拆单数据要怎么保存 浏览:17
mac电脑怎样压缩文件到100m 浏览:645

友情链接