可以被窗口中的框架引用的對象，具有窗口對象的屬性和方法。
格式：
top.frameName|frames[n].屬性|方法
parent.frameName|frames[n].屬性|方法
例：
/* -------- frameset.htm -------- */
<Script>
document.title = "框架組頁";
var usrID = "來賓";
</Script>
<FRAMESET COLS="20%,80%">
<FRAME SRC="menu.htm" NAME=leftFrame>
<FRAMESET ROWS="10%,90%">
<FRAME SRC="usrInfo.htm" NAME=upFrame>
<FRAME SRC="welcome.htm" NAME=downFrame>
</FRAMESET>
</FRAMESET>
<!-------- menu.htm -------->
<HEAD>
<TITLE>導航頁</TITLE>
<STYLE>A{text-decoration:none}</STYLE>
</HEAD>
<BODY>
<CENTER>
<A HREF="login.htm" TARGET="downFrame">會員登錄</A><BR>
<A HREF="hot.htm" TARGET="downFrame">熱門優惠</A><BR>
<A HREF="welcome.htm" TARGET="downFrame">回 首 頁</A>
<BR>
</CENTER>
</BODY>
/* -------- usrInfo.htm -------- */
<Script>
document.title = "用戶信息";
var bye = "歡迎有空常來..."
document.write
("<MARQUEE>親愛的<FONT COLOR='gray'><U>",top.usrID,"</U></FONT>會員，歡迎您的光臨！ </MARQUEE>");
</Script>
/* -------- login.htm -------- */
<Script>
document.title = "用戶登錄";
function login() {
top.usrID = document.loginForm.usr.value;
top.upFrame.location = "usrInfo.htm";
}
</Script>
<HTML>
<FORM NAME="loginForm">
請輸入您的大名：
<INPUT TYPE="text" NAME="usr">
<INPUT TYPE="button" VALUE="填寫完畢" onClick=login()>
</FORM>
</HTML>
例：
<Script> /* -------- hot.htm -------- */
document.title = "熱門優惠";
if (top.usrID == null) {
location = "frameset.htm";
}
</Script>
今日優惠：
<LI>超級豪華大比薩。（原價$550，今天只要$450）
<LI>海鮮大比薩。（原價$550，今天只要$450）
例：
<!-------- welcome.htm -------->
<HEAD>
<TITLE>首頁</TITLE>
<STYLE>A{text-decoration:none}</STYLE>
<Script>
if (top.frames.length == 0) {
location = "frameset.htm";
}
if (top.frames.length > 0) {
location = "frameset.htm";
}
</Script>
</HEAD>
<CENTER>
歡迎光臨<H1>
<FONT COLOR="green" FACE="arial">
My PIZZA</FONT></H1>
</CENTER>
