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" οnclick="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" οnclick="alert('Button in Frame2 Clicked!')">Button in Frame2</button>
</BODY>
</HTML>
主要是这段:
<button id="btn" οnclick="window.parent.frames['frame2'].document.getElementById('btn').click()">Click Me!</button>
这样frame1里面的button被点击时,相当于frame2里面的button被点击