[转]javascript window 对象

window 对象

状态栏

属性	说明
defaultStatus	设置和获取浏览器程序状态栏的默认信息文本
status	设置和获取浏览器程序状态栏的信息文本

计时器

方法	说明
setTimeout(express,time)	延时time(ms)后执行express，express应该写成字符串形式
clearTimeout( )	清除延时器
setInterval(express,time)	每间隔time(ms)执行express
clearInterval( )	清除定时器

两个set方法将返回一个内部编号，将之作为参数提供给相应的clear方法即可停止。
setTimeout方法是延时执行，调用一次本方法，express得到一次执行（延时），在延时期间可以取消之；
setInterval方法是定时执行，调用一次本方法，express安规定的时间间隔反复执行，也可取消之。
可以在函数内部对自身进行延时调用，以达到定时的效果：
function f1( )
{... ...
window.setTimeout("f1( )",1000);
}

<body onLoad="f1( )">
function f2( )
{... ...
}

<body onLoad="window.setInterval('f2( )',1000);">

窗口的打开与关闭
在超级链接中加入target属性可以新开一个窗口，但前提是必须进行了点击，当然我们也可通过代码来打开一个新窗口。
新开一个窗口 <a href="eg/06-2%20test.html" target="_blank">新开一个窗口</a>
window.open("eg\\06-2%20test.html")
window.open( )方法可以产生一个新的窗口，同时返回该窗口的内部编号，可以利用该编号来控制这个窗口的行为。
用超级链接的方法新开窗口，无法控制窗口的大小外观，使用open（）方法则可轻松实现。

winID=window.open("URL","winName","features","replace")

URL：新开窗口中打开网页的URL地址；
winName：新开窗口的名字；
features：新开窗口的外观特征（eg："left=0,top=0,directories" )，各参数间用，分隔；

features项	说明
left/secreenX	浏览器左上角X坐标（px） IE/NetScape
top/screenY	浏览器左上角Y坐标（px） IE/NetScape
height/innerHeight	浏览器高（px）最小值为100 IE/NetScape
width/innerWidth	浏览器宽（px）最小值为100 IE/NetScape
directories	显示连接栏否
location	显示地址栏否
menubar	显示菜单栏否
resizeable	窗口大小可调否
scrollbars	显示滚动条否
status	显示状态栏否
titlebar	显示标题栏否
toolbar	显示工具栏否

replace：为true表示替换新窗口的历史记录，否则不替换。

window.open("eg\\06-2%20test.html", "", "left=100, top=200, height=200, width=300, resizeable, toolbar, directories")

父窗口利用winID来控制新开的子窗口；子窗口则利用opener来访问父窗口。
通过winID/opener可以探测窗口存在否；通过closed属性可以探测窗口关闭否。
例：
父窗口控制子窗口
if(winID && !winID.closed)
winID.close（）；
子窗口访问父窗口
if(opener && !opener.closed)
opener.close（）；

内置对话框

方法	说明
alert(message)	显示警告信息提示窗口
confirm(message)	确认对话框，按“确定”按钮返回true，按“取消”按钮则返回false
prompt(message,defaultValue)	提示输入信息，返回用户输入的信息字符串

另外两种对话框（实际上是以对话框方式打开某一网页）
IE4 ： showModalDialog(url,arguments,features)
IE5 ： showModelessDialog(url,arguments,features)

arguments：发送到网页的参数，可以是任何数据，在显示网页中用window.dialogArguments属性来获取之。
features：新开对话框的外观特征（eg："dialogWidth:200px;status:off" )，各参数间用；分隔；

属性	说明
dialogHeight	对话框高，最小100px，IE5用px，IE4用em
dialogWidth	对话框宽
dialogTop	对话框左上角Y坐标
dialogLeft	对话框左上角X坐标
center	对话框是否显示在桌面的正中？yes(default)/no
help	对话框是否显示"?"号，可以提供提示说明功能。yes(default)/no
resizeable	IE5的属性，对话框大小可调否？yes/no(default)
status	IE5的属性，对话框显示状态栏否？yes(default)/no

window.showModelessDialog('eg\\06-2%20Modeless%20test.html',6688)

获取屏幕的相关信息（window.screen）

属性	screen
height	屏幕高
width	屏幕宽
availHeight	屏幕视野高
availWidth	屏幕视野宽
colorDepth	屏幕支持的色深

window.screen.height : 768 px
window.screen. width : 1024 px
window.screen.availHeight : 738 px
window.screen.availWidth : 1024 px
window.screen.colorDepth : 32 bit

改变窗口大小和位置

属性

属性	说明
screenLeft	返回窗口左边距
screenTop	返回窗口顶边距

方法

方法	说明
moveTo(x,y)	窗口移动到屏幕(x,y)处
moveBy(offsetX,offsetY)	窗口按偏移量产生位移
resizeTo(width,height)	窗口大小调整为指定的高度和宽度
resizeBy(offsetWidth,offsetHeight)	窗口大小按增量进行调整

窗口内容的滚动

方法	说明
scroll(x,y)	滚动窗口到制定位置
scrollTo(x,y)	同上
scrollBy(offsetX,offsetY)	按参数指出的偏移量进行滚动

思考：

打开网页后，自动弹出广告页，大小为200*200；
输入姓名后新开一个窗口显示"你好！***"；
新开一个窗口，让它逐渐变大到屏幕的一半；
新开一个窗口，让它由屏幕左端向右端移动，然后关闭之；
设计一个震荡移动的跑马灯；
打开网页后，网页自动向上滚屏。
综合练习；

[转]javascript window 对象

你可能感兴趣的:([转]javascript window 对象)