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

热点内容
苹果的无线传输文件找不到了 浏览:102
密件文件名能出现在通知吗 浏览:832
编写一个web应用程序 浏览:350
哪些场所网络好 浏览:171
华为手机怎么找到以前安装过的app 浏览:100
49块一单约人陪的app是什么 浏览:570
ug文件格式图片 浏览:24
兴趣班编程课是学什么 浏览:879
怎么才能加微信医药群 浏览:601
微信表情小萝莉亲吻 浏览:876
我国应如何做好互联网网络空间的治理工作 浏览:777
今日最新闻投票app 浏览:53
aecs6卸载工具 浏览:645
视频文件包含的信息 浏览:238
湖北可编程晶振参数有哪些 浏览:485
在美国买苹果7那个版本的 浏览:557
网络营销文档 浏览:204
文山网站建设多少钱 浏览:387
如何修改网页的源文件 浏览:291
360手机卫士应用程序未安装 浏览:507

友情链接