• 窗口对象的属性和方法:

格式:

[window.]属性
[window.]方法(参数)

opener.属性
opener.方法(参数)
self.属性
self.方法(参数)
parent.属性
parent.方法(参数)
top.属性
top.方法(参数)

窗口名称.属性
窗口名称.方法(参数)

  • 窗口对象的属性
document当前文件的信息
location当前URL的信息
name窗口名称
status状态栏的临时信息
defaultStatus状态栏默认信息
history该窗口最近查阅过的网页
closed判断窗口是否关闭,返回布尔值
opneropen方法打开的窗口的源窗口
outerHeight窗口边界的垂直尺寸,px
outerWidth窗口边界的水平尺寸,px
pageXOffset网页x-position的位置
pageYOffset网页y-position的位置
innerHeight窗口内容区的垂直尺寸,px
innerWidth窗口内容区的水平尺寸,px
screenX窗口左边界的X坐标
screenY窗口上边界的Y坐标
self当前窗口
top最上方的窗口
parent当前窗口或框架的框架组
frames对应到窗口中的框架
length框架的个数
locationbar浏览器地址栏
menubar浏览器菜单栏
scrollbars浏览器滚动条
statusbar浏览器状态栏
toolbar浏览器工具栏
offscreenBuffering是否更新窗口外的区域
personalbars浏览器的个人工具栏,仅Navigator

  • 窗口对象的方法:
alert(信息字串)弹出警告信息
confirm(信息字串)显示确认信息对话框
prompt(提示字串[,默认值])显示提示信息,并提供可输入的字段
atob(译码字串)对base-64编码字串进行译码
btoa(字串)将进行base-64编码
back()回到历史记录的上一网页
forward()加载历史记录中的下一网页
open(URL,窗口名称[,窗口规格])
focus()焦点移到该窗口
blur()窗口转成背景
stop()停止加载网页
close()
enableExternalCapture()允许有框架的窗口获取事件
disableExternalCapture()关闭enableExternalCapture()
captureEvents(事件类型)捕捉窗口的特定事件
routeEvent(事件)传送已捕捉的事件
handleEvent(事件)使特定事件的处理生效
releaseEvents(事件类型)释放已获取的事件
moveBy(水平点数,垂直点数)相对定位
moveTo(x坐标,y坐标)绝对定位
setResizable(true|false)是否允许调整窗口大小
resizeBy(水平点数,垂直点数)相对调整窗口大小
resizeTo(宽度,高度)绝对调整窗口大小
scroll(x坐标,y坐标)绝对滚动窗口
scrollBy(水平点数,垂直点数)相对滚动窗口
scrollTo(x坐标,y坐标)绝对滚动窗口
setInterval(表达式,毫秒)
setTimeout(表达式,毫秒)
clearInterval(定时器对象)
clearTimeout(定时器对象)
home()进入浏览器设置的主页
find([字串[,caseSensitivr,backward]])查找窗口中特定的字串
print()
setHotKeys(true|false)激活或关闭组合键
setZOptions()设置窗口重叠时的堆栈顺序

  • 窗口对象的事件处理程序:

onBlur onDragDrop onError onFocus onLoad onMove onResize onUnload

例1:
<Script>

function checkPassword(testObject) {
if (testObject.value.length < 4) {
alert("密码长度不得小于四");
testObject.focus();
testObject.select();
}
}

</Script>

请输入密码:
<INPUT TYPE="text" onBlur="checkPassword(this)">

例2:
<Script>

if (confirm("你满十八岁了吗?"))
location = "adult.htm";
else
alert("等你成年以後再来吧!");

</Script>

例3:
<Script>

var bgColor =
prompt("你喜欢哪一种底色:\n浅蓝色请按1,粉红色请按2",1)

if (bgColor == 1) document.bgColor = "#CCFFFF";
else if (bgColor == 2) document.bgColor = "#FFCCFF";
else document.bgColor = "#FFFFFF";

</Script>

例4:
<Script>
function grow() {
resizeBy(0, 50);
}

function shrink() {
resizeBy(0, -50);
}

</Script>

<Body onMouseOver="grow()" onMouseOut="shrink()">
将视窗放大与缩小
</Body>

例5:
<Script>

function scrollIt() {
for (y=1; y<=2000; y++) {
scrollTo(1,y);
}
}

</Script>

<Body onDblClick=scrollIt()>
双击鼠标,画面会自动卷动...
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
... The End ...
</Body>

  • open方法的窗口规格参数:(yes/no,1/0)

格式:[var 新窗口对象名=]window.open("url","windowName","windowFeature")

alwaysLowered是否将窗口显示的堆栈后推一层
alwaysRaised是否将窗口显示的堆栈上推一层
dependent是否将该窗口与当前窗口产生依存关系
fullscreen是否满屏显示
directories是否显示连接工具栏
location是否显示网址工具栏
menubar是否显示菜单工具栏
scrollbars是否显示滚动条
status是否显示状态栏
titlebar是否显示标题栏
toolbar是否显示标准工具栏
resizable是否可以改变窗口的大小
screenX窗口左边界距离
screenY窗口上边界距离
top窗口上边界
width窗口宽度
height窗口高度
left窗口左边界
outerHeight窗口外边界的高度
personalbar是否显示个人工具栏

注释:open("","","menubar")
open("","","menubar=1")
open("","","menubar=yes")

例1:
<Script>

document.write ("明春学习网");
open ('1.htm','','height=100,width=300');

</Script>

<!-------- 1.htm -------->
<TITLE>欢迎光临</TITLE>

<BODY onClick="self.close()">

<IMG SRC="images\welcome.gif" ALIGN="left">
<CENTER>
<FONT COLOR="blue" SIZE="5">欢迎光临</FONT><BR>
这是一个技术研习的小天地<BR>
</CENTER>

</BODY>

例2:
<Script>

document.write("明春学习网")
helloWin = open ('1.htm','','height=100,width=300');

var line1 = "<FONT COLOR='blue' SIZE='5'>欢迎光临</FONT><BR>"
var line2 = "这是一个技术研习的小天地"
helloWin.document.write (line1 + line2)
helloWin.document.title = "欢迎光临"

</Script>

例3:
<Script>

window.defaultStatus = "最棒的线上学习网站";

</Script>

<A HREF="http://www.hubert.idv.tw" onMouseOver="status='内容很充实喔!';return true">
文哥网路技术学习网</A>

例4:
<Script>

queryWin = open('1.htm','','height=100,')

</Script>

利用子窗口来改变母窗口的底色

/* -------- 1.htm -------- */
<Script>

function passToOpener(color) {
opener.document.bgColor = color;
self.close();
}

</Script>
<CENTER>

请选择你喜欢的颜色?<BR>

<FONT onClick="passToOpener('#CCFFFF')"> >浅蓝色<</FONT>

<FONT onClick="passToOpener('#FFCCFF')"> >浅红色<</FONT>

</CENTER>