格式:
[window.]属性
[window.]方法(参数)
opener.属性
opener.方法(参数)
self.属性
self.方法(参数)
parent.属性
parent.方法(参数)
top.属性
top.方法(参数)
窗口名称.属性
窗口名称.方法(参数)
document |
当前文件的信息 |
location |
当前URL的信息 |
name |
窗口名称 |
status |
状态栏的临时信息 |
defaultStatus |
状态栏默认信息 |
history |
该窗口最近查阅过的网页 |
closed |
判断窗口是否关闭,返回布尔值 |
opner |
open方法打开的窗口的源窗口 |
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>
|