System Information

Impossible Is Nothing...

导航

如何实现一个frame中的按钮事件调用另一个frame的服务器控件

sample:

FrameTest.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Frame Test </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<iframe id="frame1" src="Frame1.html"></iframe>
<iframe id="frame2" src="Frame2.html"></iframe>
</BODY>
</HTML>

Frame1.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Frame1 </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<button id="btn" onclick="window.parent.frames['frame2'].document.getElementById('btn').click()">Click Me!</button>
</BODY>
</HTML>

Frame2.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Frame2 </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<button id="btn" onclick="alert('Button in Frame2 Clicked!')">Button in Frame2</button>
</BODY>
</HTML>

主要是这段:
<button id="btn" onclick="window.parent.frames['frame2'].document.getElementById('btn').click()">Click Me!</button>

这样frame1里面的button被点击时,相当于frame2里面的button被点击

posted on 2005-06-20 15:23  SysInfo  阅读(3611)  评论(0编辑  收藏  举报