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对象有哪些属性问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注亿速云行业资讯频道了解更多相关知识。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。