窗口对象-screen

最新推荐文章于 2021-07-22 11:12:41 发布

hw_liyinpeng

最新推荐文章于 2021-07-22 11:12:41 发布

阅读量148

点赞数

分类专栏： javascript 文章标签：浏览器 Microsoft

javascript 专栏收录该内容

9 篇文章

订阅专栏

电脑显示器－ 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">

</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方法取消该定时器