screen对象

screen对象

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

语法:

window.screen.属性

对象属性:

屏幕分辨率的高和宽

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>

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

时间: 2024-10-03 13:44:20

screen对象的相关文章

javascript中的screen对象

screen对象通常包含下列属性(许多浏览器都加入了自己的属性): 1.availHeight :  窗口可以使用的屏幕的高度(以像素计)其中包括操作系统元素(如window工具栏)需要的空间. 2.availWidth : 窗口可以使用的屏幕的宽度(以像素计). 3.colorDepth : 用户表示的颜色的位数,大多数系统采用32位的. 4.height :屏幕的高度,以像素计算. 5.width : 屏幕的宽度,以像素计算. 确定新窗口的大小时,availHeight和availWidth

BOM之screen对象

前面的话 screen对象在javascript编程中,比较冷门,不太常用.screen对象用来表明客户端的能力,其中包括浏览器窗口外部的显示器的信息,如像素高度和宽度等.本文将详细介绍screen对象 总括 每个浏览器中的screen对象都包含着各不相同的属性,其中chrome包含9个属性,firefox包含10个,IE8-浏览器包含14个,IE9+浏览器包含17个.下面将这17个属性概述如下 属性 说明 height 屏幕的像素高度 width 屏幕的像素宽度 availHeight 屏幕的

BOM之navigator、history、screen对象

navigator对象 [定义] navigator已经成为识别客户端浏览器的事实标准.下表中列出存在于所有浏览器的属性和方法 console.log(window.navigator.userAgent) //chrome:Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/45.0.2454.93 Safari/537.36 //firefox:Mozilla/5.0 (Windo

高程8.4 screen对象 8.5history对象 8.6小结

属性 说明 IE FF Safari/Chrome Opera availHeight 屏幕的像素高度减系统部件高度之后的值(只读) √ √ √ √ availLeft 未被系统部件占用的最左侧的像素值(只读)   √ √   availTop 未被系统部件占用的最上方 的像素值(只读)   √ √   availWidth 屏幕的像素宽度减系统部件宽度之后的值(只读) √ √ √ √ bufferDepth 读,写用于呈现屏外位图的位数 √       colorDepth 用于表现颜色的位数

js----Navigator对象,查看浏览器信息,Screen对象,查看屏幕信息

Navigator对象 Navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本. 对象属性: 查看浏览器的名称和版本,代码如下: <script type="text/javascript"> var browser=navigator.appName; var b_version=navigator.appVersion; document.write("Browser name"+browser); document.wri

JavaScript Screen对象

Screen 对象 window.screen 对象包含有关客户端显示屏幕的信息. 注释:没有应用于 screen 对象的公开标准,不过所有浏览器都支持该对象. window.screen 对象在编写时可以不使用 window 这个前缀. 一些属性: screen.availWidth - 可用的屏幕宽度 screen.availHeight - 可用的屏幕高度 Window Screen 可用宽度 screen.availWidth 属性返回访问者屏幕的宽度,以像素计,减去界面特性,比如窗口任

Javascript进阶篇——浏览器对象—Location、Navigator、userAgent、screen对象

Location对象location用于获取或设置窗体的URL,并且可以用于解析URL.语法: location.[属性|方法] location对象属性图示: location 对象属性: location 对象方法: 获取当前显示文档的URL,并输出: 1 <script type="text/javascript"> 2 var a = location.href; 3 document.write(a); 4 </script> Navigator对象

history对象 screen对象

history对象 length     历史记录个数 go() 参数:1前进一步 2 前进二步  -1退后一步 -2退后二步 back()     无参数 退后一步 forward()              无参数  前进一步 <script> function qj(){ var x=window.history.go(1); } function ht(){ var x=window.history.forward(); } </script> <body>

js浏览器内对象 History对象+Navigator对象+Location对象+Screen对象

一.History对象 History 对象包含用户(在浏览器窗口中)访问过的 URL. History 对象是 window 对象的一部分,可通过 window.history 属性对其进行访问. 注释:没有应用于 History 对象的公开标准,不过所有浏览器都支持该对象. IE: Internet Explorer, F: Firefox, O: Opera. 1. History 对象属性 属性 描述 IE F O length 返回浏览器历史列表中的 URL 数量. 4 1 9 2. 

screen对象的常用视图属性

screen对象基本上只用来表明客户端的能力,其中包括浏览器窗口外部的显示器的信息,如像素高度和宽度等.每个浏览器中的screen对象都包含着各不相同的属性.本文将详细介绍screen对象的常用视图属性 width width属性表示屏幕的像素宽度 height height属性表示屏幕的像素高度 //chrome:1080 1920//IE/firefox/safari:864 1536console.log(screen.height,screen.width); avaiWidth ava