您的位置：首页 > 其它

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

2005-06-20 15:23 946 查看

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被点击

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航