javascript-frame!

 

opener 用open方式打开的父窗口
dialogArgument 用showModalDialog打开的父窗口
frames 框架的窗口数组
parent 用frame打开的父窗口
top 顶级窗口
self 窗口本身

在框架之间共享函数要注意函数是在定义它的域里面执行，而不是在调用它的域里面执行！

target
<base target="_self"/>
_blank 在新窗口显示目标网页
_self 在当前窗口显示目标网页
_parent 在父窗口显示目标网页
_top    在顶级窗口显示目标网页

框架例子：

view plain copy to clipboard print ?

1. index.html  
2. <mce:script type="text/javascript"><!--  
3.     document.title = "框架组页";  
4.     var usrID = "来宾";  
5. // --></mce:script>  
6. <frameset cols="20%,80%" border="0" framespacing="0" frameborder="no">  
7.     <frame src="menu.html" mce_src="menu.html" name="leftFrame"/>  
8.     <frameset rows="10%,90%">  
9.         <frame src="userInfo.html" mce_src="userInfo.html" name="upFrame" noresize="noresize"/>  
10.         <frame src="welcome.html" mce_src="welcome.html" name="downFrame" noresize="noresize"/>  
11.     </frameset>  
12. </frameset>  

index.html<mce:script type="text/javascript"><!-- document.title = "框架组页"; var usrID = "来宾";// --></mce:script><frameset cols="20%,80%" border="0" framespacing="0" frameborder="no"> <frame src="menu.html" mce_src="menu.html" name="leftFrame"/> <frameset rows="10%,90%"> <frame src="userInfo.html" mce_src="userInfo.html" name="upFrame" noresize="noresize"/> <frame src="welcome.html" mce_src="welcome.html" name="downFrame" noresize="noresize"/> </frameset></frameset>

view plain copy to clipboard print ?

1. welcome.html  
2. <center>欢迎光临<h1><font color="green" face="arial">My PIZZA</font></h1></center>  
3. userInfo.html  
4. <mce:script type="text/javascript"><!--  
5.     document.title = "用户信息";  
6.     document.write("<marquee>亲爱的<font color='red'><u>",top.usrID,"</u></font>会员，欢迎您的光临！& lt;/marquee>");  
7. // --></mce:script>  

welcome.html<center>欢迎光临<h1><font color="green" face="arial">My PIZZA</font></h1></center>userInfo.html<mce:script type="text/javascript"><!-- document.title = "用户信息"; document.write("<marquee>亲爱的<font color='red'><u>",top.usrID,"</u></font>会员，欢迎您的光临！& lt;/marquee>");// --></mce:script>

view plain copy to clipboard print ?

1. menu.html  
2. <center>  
3.     <a href="login.html" mce_href="login.html" target="downFrame">会员登录</a><br/>  
4.     <a href="hot.html" mce_href="hot.html" target="downFrame">热门优惠</a><br/>  
5.     <a href="welcome.html" mce_href="welcome.html" target="downFrame">回 首 页</a><br/>  
6. </center>  

menu.html<center> <a href="login.html" mce_href="login.html" target="downFrame">会员登录</a><br/> <a href="hot.html" mce_href="hot.html" target="downFrame">热门优惠</a><br/> <a href="welcome.html" mce_href="welcome.html" target="downFrame">回 首 页</a><br/></center>

view plain copy to clipboard print ?

1. login.html  
2. <mce:script type="text/javascript"><!--  
3.     document.title = "用户登录";  
4.     function login(){  
5.         top.usrID = document.loginForm.usr.value;  
6.         top.upFrame.location = "userInfo.html";  
7.     }  
8. // --></mce:script>  
9. <center>  
10.     <form name="loginForm">  
11.     请输入您的大名：<input type="text" name="usr"/><br/><br/>  
12.     <input type="button" value="填写完毕" onClick="login();"/>  
13.     </form>  
14. </center>  

login.html<mce:script type="text/javascript"><!-- document.title = "用户登录"; function login(){ top.usrID = document.loginForm.usr.value; top.upFrame.location = "userInfo.html"; }// --></mce:script><center> <form name="loginForm"> 请输入您的大名：<input type="text" name="usr"/><br/><br/> <input type="button" value="填写完毕" onClick="login();"/> </form></center>

view plain copy to clipboard print ?

1. hot.html  
2. <mce:script type="text/javascript"><!--  
3.     document.title = "热门优惠";  
4.     //防止直接链接  
5.     if (top.usrID == null) {  
6.         location = "index.html";  
7.     }  
8.     document.writeln("leftFrame="+parent.frames[0].name+"<br/>");  
9.     document.writeln("upFrame="+parent.frames[1].name+"<br/>");  
10.     document.writeln("downFrame="+parent.frames[2].name+"<br/>");  
11. // --></mce:script>  
12. <center>  
13.     今日优惠：  
14.     <ul>  
15.         <li>超级豪华大比萨。（原价$550，今天只要$450）</li>  
16.         <li>海鲜大比萨。（原价$550，今天只要$450）</li>  
17.     </ul>  
18. </center>  

hot.html<mce:script type="text/javascript"><!-- document.title = "热门优惠"; //防止直接链接 if (top.usrID == null) { location = "index.html"; } document.writeln("leftFrame="+parent.frames[0].name+"<br/>"); document.writeln("upFrame="+parent.frames[1].name+"<br/>"); document.writeln("downFrame="+parent.frames[2].name+"<br/>");// --></mce:script><center> 今日优惠： <ul> <li>超级豪华大比萨。（原价$550，今天只要$450）</li> <li>海鲜大比萨。（原价$550，今天只要$450）</li> </ul></center>

这个图好像有点问题：