格式:
[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>
格式:[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>