开发者社区> paperclouds> 正文

Javascript screen对象

简介: Javascript screen对象
+关注继续查看

screen对象用于获取用户的屏幕信息。


语法:


window.screen.属性


对象属性:

2466108-211f24158d77c92f.webp.jpg

屏幕分辨率的高和宽



window.screen对象包含有关用户屏幕的信息。


  1. screen.height返回屏幕分辨率的高
  2. screen.width返回屏幕分辨率的宽


注意:


1.单位以像素计。

2.window.screen对象在编写时可以不使用window这个前缀。

我们来获取屏幕的高和宽,代码如下:


<script type="text/javascript">
  document.write( "屏幕宽度:"+screen.width+"px<br />" );
  document.write( "屏幕高度:"+screen.height+"px<br />" );
</script>


屏幕可用高和宽度



1.screen.availWidth属性返回访问者屏幕的宽度,以像素计,减去界面特性,比如任务栏。


2.screen.availHeight属性返回访问者屏幕的高度,以像素计,减去界面特性,比如任务栏。


注意:


不同系统的任务栏默认高度不一样,及任务栏的位置可在屏幕上下左右任何位置,所以有可能可用宽度和高度不一样。


我们来获取屏幕的可用高和宽度,代码如下:


<script type="text/javascript">
document.write("可用宽度:" + screen.availWidth);
document.write("可用高度:" + screen.availHeight);
</script>


注意:根据屏幕的不同显示值不同。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
前端优化方案
前端优化方案
24 0
前端性能优化-图片
前端性能优化-图片
27 0
什么是网络爬虫?
网络爬虫是一种在 Internet 上运行自动化任务的软件应用程序。与人类互联网活动相比,网络爬虫运行的任务通常很简单,并且执行速度要快得多。
11 0
先写API文档还是先写代码?
实大家都知道 API 文档先行的重要性,但是在实践过程中往往会遇到很多困难。
8 0
js实现回看近七天日期
js实现回看近七天日期
29 0
js手写几个常见的面试题
面试中常见的几道经典题
19 0
聊聊 分布式 WebSocket 集群解决方案(二)
聊聊 分布式 WebSocket 集群解决方案
12 0
分布式 微服务 项目 我们为什么要分库分表?
分布式 微服务 项目 我们为什么要分库分表?
12 0
8种MySQL常见SQL错误用法详解
8种MySQL常见SQL错误用法详解
9 0
解决 用 Nginx 处理 跨域问题
解决 用 Nginx 处理 跨域问题
6 0
+关注
492
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
JS零基础入门教程(上册)
立即下载
性能优化方法论
立即下载
手把手学习日志服务SLS,云启实验室实战指南
立即下载