导航:首页 > 编程语言 > 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如何获取屏幕大小相关的资料

热点内容
二级开发者还有哪些app 浏览:241
app充值请联系itunes 浏览:678
矢量app和cdr哪个好 浏览:85
系统文件坏了如何修复 浏览:20
键盘系统文件误删 浏览:738
白金英雄坛所有版本 浏览:842
ps文件转hsj 浏览:382
哪个网站电影 浏览:490
ps4游戏文件格式名称 浏览:290
caxa教程2007 浏览:832
新点是什么小说网站 浏览:753
魔兽世界冰封王座3版本转换器 浏览:418
苹果3dtouch软件 浏览:979
qq视频在哪个文件夹里面 浏览:740
请帖制作网站java源码 浏览:257
自己的网站怎么做兼职 浏览:608
医院基础数据是什么 浏览:744
为什么数据线没有typec接口 浏览:39
苹果手机文件管家 浏览:187
qq头像男生水里 浏览:633

友情链接