JavaScript Screen对象有哪些属性

发布时间:2021-09-30 16:24:42 作者:柒染
来源:亿速云 阅读:145

JavaScript Screen对象有哪些属性,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

  window.screen 对象用来获取用户屏幕的信息。screen对象是window对象的属性,中文是"屏幕"的意思。navigator对象通常用于获取浏览器和操作系统的信息。

  JavaScript Screen对象有哪些属性

  screen对象常用属性

  属性 说明

  height 屏幕的高度,单位为 像素

  width 屏幕的宽度,单位为 像素

  availHeight 窗口可以使用的屏幕高度,单位像素,减去界面特性,比如窗口任务栏。

  availWidth 窗口可以使用的屏幕宽度,单位像素,减去界面特性,比如窗口任务栏。

  colorDepth 用户浏览器表示的颜色位数,通常为32位(每像素的位数)

  pixelDepth 用户浏览器表示的颜色位数,通常为32位(每像素的位数)(IE不支持此属性)

  举例,获取用户屏幕信息:

  ?

  1

  2

  3

  4

  5

  6

  7

  8

  9

  10

  input id="demo1" type="button" value="显示屏幕信息" />

  script type="text/javascript">

  document.getElementById("demo1").onclick=function(){

  alert(

  "屏幕信息:\n"+

  "分辨率:"+screen.width+"×"+screen.height+"\n"+

  "可用区域:"+screen.availWidth+"×"+screen.availHeight

  );

  }

  /script>

  JavaScript Navigator对象有哪些属性

  由于navigator没有统一的标准,因此各个浏览器都有自己不同的navigator版本,这里只介绍最普遍支持且最常用的。

  navigator对象常用属性

  属性 描述 IE FireFox Opera

  appCodeName 返回浏览器的代码名。 4 1 9

  appMinorVersion 返回浏览器的次级版本。 4 No No

  appName 返回浏览器的名称。 4 1 9

  appVersion 返回浏览器的平台和版本信息。 4 1 9

  browserLanguage 返回当前浏览器的语言。 4 No 9

  cookieEnabled 返回指明浏览器中是否启用 cookie 的布尔值。 4 1 9

  cpuClass 返回浏览器系统的 CPU 等级。 4 No No

  onLine 返回指明系统是否处于脱机模式的布尔值。 4 No No

  platform 返回运行浏览器的操作系统平台。 4 1 9

  systemLanguage 返回操作系统使用的默认语言。 4 No No

  userAgent 返回由客户机发送服务器的 user-agent 头部的值。 4 1 9

  userLanguage 返回操作系统的自然语言设置。 4 No 9

  navigator中最重要的是userAgent属性,返回包含浏览器版本等信息的字符串,其次cookieEnabled也很重要,使用它可以判断用户浏览器是否开启cookie。

  注意,来自 navigator 对象的信息具有误导性,不应该被用于检测浏览器版本,这是因为:

  navigator 数据可被浏览器使用者更改;

  浏览器无法报告晚于浏览器发布的新操作系统。

  举例,获取客户端信息:

  ?

  input id="demo1" type="button" value="显示浏览器信息" />

  script type="text/javascript">

  document.getElementById("demo1").onclick=function(){

  alert(

  "浏览器信息:\n"+

  "名称:"+navigator.appName+"\n"+

  "平台和版本:"+navigator.appVersion+"\n"+

  "操作系统:"+navigator.platform+"\n"+

  "userAgent:"+navigator.userAgent

  );

  }

  /script>

关于JavaScript Screen对象有哪些属性问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注亿速云行业资讯频道了解更多相关知识。

推荐阅读:
  1. javascript-浏览器对象
  2. 使用JavaScript的BOM的注意事项有哪些

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

javascript screen

上一篇:JavaScript History对象有哪些方法

下一篇:如何使用CSS3 Media Queries

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》