窗口对象-screen

电脑显示器 - screen 的特征。
  各种相关特征          涵义                 参数举例说明
  screen.height         屏幕高度             600 或 768   个图素 (德文和英文都是Pixel)
  screen.width          屏幕宽度             800 或 1024  个图素
  screen.availHeight    屏幕可见高度         572 或 740   个图素  
  screen.availWidth     屏幕可见宽度         780 或 1010  个图素
  screen.colorDepth     色深                 256 或 16,32 等自然色
  navigator.platform    操作系统             Win32,Windows98 等
  navigator.appName     浏览器种类           Netscape Navigator 或 Internet Explorer
  navigator.userAgent   浏览器的具体说明     Mozilla/4.0 (compatibel; MSIE 5.01)
  navigator.language    语言                 de,en,es,fr,da 等
问题是:screen 这个事物的特征在网页中有何用?
我们都知道相同的网页用不同的浏览器来看,效果不同,故讲究的网站页一般都做两种页,一种是
用Navigator来浏览,另一种是用Explorer来浏览。为此,我们可以设一程序,来自动分清访问者
用得是何种浏览器,并据之转换到相应的网页上去。
browser.htm页的源码如下:
<html>
<head>
   <title>browser index</title>
<script language="JavaScript" tpye="text/javascript">
<!--
  var browser;
  browser=navigator.appName;
  switch(browser) {
  case "Microsoft Internet Explorer":
  location.href="explorer.htm";
  break;
  case "Netscape":
  location.href="navigator.htm";
  break;
  default:
  alert("可惜您的浏览器不适合浏览不站。");
  }  
//-->
</script>
</head>
<body>
</body>
</html>
把上面的全部源码剪切下来,存为browser.htm
但为了试验,还需要有navigator.htm和explorer.htm这两个页。
把下面的源码剪切并存为navigator.htm
<html>
<head>
   <title>navigator index</title>
   <meta http-equiv="content-type" content="text/html; charset=gb2312">
</head>
<body>
你用的是Navigator!
</body>
</html>
再把下面的源码剪切并存为explorer.htm
<html>
<head>
   <title>explorer index</title>
   <meta http-equiv="content-type" content="text/html; charset=gb2312">
</head>
<body>
你用的是Explorer!
</body>
</html>

例子;获取screen对象的属性
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>screen</title>
</head>
<body>
Screen对象的属性<br><br>
<script language="javascript">
document.write("<b>高度:</b>"+screen.height+"<br>");
document.write("<b>宽度:</b>"+screen.width+"<br>");
document.write("<b>颜色深度:</b>"+screen.colorDepth+"<br>");
</script>
</body>
</html>

Window对象表示浏览器窗口,它位于对象模型的顶层。
Window对象的集合:
集合                 说明
frames[]             取得Window对象中所有已命名的frame
Window对象的属性:
属性                 说明
closed               窗口是否关闭
defaultStatus        窗口状态栏的默认文本
document             Document对象
history              History对象
length               Window对象的frame个数
location             Location对象
name                 Window对象的名称
opener               打开当前Window的窗口的引用
parent               父窗口
self                 返回当前窗口的引用
status               窗口状态栏文本
top                  最顶层窗口
Window对象的方法:
方法                 说明
alert([Message])     显示带有警告信息Message的窗口,并有“确定”按钮
blur()               移除本窗口的焦点
clearInterval(iIntervalID) 取消先前用setInterval方法开始的标识为iIntervalID的间隔事件
clearTimeout(iTimeoutID)   取消先前用setTimeout方法开始的标识为iTimeoutID的超时事件
close()              关闭当前窗口
confirm([message])   显示带有确认信息message的窗口,有“确定”和“取消”按钮
createPopup()        创建弹出窗口,返回该窗口对象的引用
focus()              使本窗口获得焦点
moveBy(x,y)          将窗口的位置移动到指定的x和y偏移值
moveTo(x,y)          将窗口左上角的屏幕位置移动到指定的x和y位置
open()               打开新窗口,显示指定的页面
print()              打印与窗口关联的文档
prompt([message][,defaultValue]) 显示提示对话框,带有提示消息message和默认值defaultValue的输入框
                     ,返回用户输入的字符串
resizeBy(x,y)       更改窗口的当前位置缩放指定的x和y偏移量
resizeTo(x,y)       将窗口的大小更改为指定的宽度值x和高度值y
scrollBy(x,y)       将窗口滚动x和y偏移量
scrollTo(x,y)       将窗口滚动到指定的x和y偏移量
setInterval(code,ms[,language]) 每经过ms毫秒后执行代码code,language指定语言属性。返回整形标识,以
                    便clearInterval方法取消该定时器
setTimeout(code,ms[,language]) 经过ms毫秒后执行代码code,language指定语言属性。返回整形标识,以便
                    clearTimeout方法取消该定时器

你可能感兴趣的:(浏览器,Microsoft)