js的screen对象
来源:互联网 发布:激光聚焦矩阵 mc百科 编辑:程序博客网 时间:2024/06/08 05:05
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>注意:根据屏幕的不同显示值不同。
编程练习
制作一个跳转提示页面:
要求:
1. 如果打开该页面后,如果不做任何操作则5秒后自动跳转到一个新的地址,如慕课网主页。
2. 如果点击“返回”按钮则返回前一个页面。
效果:
注意: 在窗口中运行该程序时,该窗口一定要有历史浏览记录,否则"返回"无效果。
<!DOCTYPE html><html> <head> <title>浏览器对象</title> <meta http-equiv="Content-Type" content="text/html; charset=gkb"/> </head> <body> <!--先编写好网页布局--> <h2>操作成功</h2> <p><span id="sec">5</span>秒后回到主页<a href="#" onclick="goBack()">返回</a></p> <script type="text/javascript"> var second = 5; function timeCount(){ document.getElementById("sec").innerHTML = second; second = second - 1; setTimeout(timeCount,1000); if(second == 0){ window.location.href="http://www.baidu.com"; } } function goBack(){ window.history.back(); } setTimeout(timeCount,1000); //通过window的location和history对象来控制网页的跳转。 </script> </body></html>
0 0
- js的screen对象
- JS Screen对象
- js之screen对象
- HTML:js中Window对象的常用属性:screen对象
- js中screen对象获取浏览器宽度高度的用法
- JavaScript的Screen对象
- JavaScript的Screen对象
- 快速学习js 笔记四 screen 对象
- 16javascript的screen对象
- DHTML模型的screen对象
- JS history对象和screen对象以及Navigator对象
- js学习手册--Screen 对象--Table、TableHeader、TableRow、TableData 对象
- JavaScript基础----37JS浏览器对象-Screen对象
- screen对象
- Screen 对象
- screen对象
- Screen对象
- Screen 对象
- ios学习计划
- 浅谈java中的ServerSocket和Socket的通信原理实现聊天及多人聊天
- java collection容器
- POJ 2777 Count Color (线段树区间修改 + 状态压缩)
- BufferedReader子类LineNumberReader装饰类的简单介绍
- js的screen对象
- 设计模式之装饰模式
- c++程序设计课程--简单的设计任务
- 检查二叉树是否平衡
- 书宜杂读,业宜精钻
- java.util.zip.ZipException: error in opening zip file
- wordpress 用户控制插件
- 数组中只出现一次的数字
- Easy Ui Layout控件