本文介绍了一种使用JavaScript实现页面间的跳转并传递信息的方法，包括使用`showModalDialog`函数创建模态对话框，通过事件监听在不同页面间交换数据。详细解释了`dialog.html`、`oprater.html`和`index.html`中的关键代码片段，展示了如何在前端实现复杂交互逻辑。
转自：
http://www.cnblogs.com/binaryworms/archive/2010/04/07/1706481.html
打开者页面：(index.html)
<script type="text/javascript" >
function OpenDialog()
{
showModalDialog("dialog.html",window,"dialogWidth=700px;dialogHeight=400px;");
}
function Changing()
{
document.getElementById("god").value="能打开？";
}
</script>
<input type="button" id="god" value="打开" onclick="OpenDialog();" >
dialog.html 页面：
<iframe name="god" src="oprater.html" frameborder="0" height="400px" width="600px"></iframe>
oprater.html框架内的页面：
<script type="text/javascript" >
function grandParent()
{
parent.window.dialogArguments.Changing();
}
</script>
<input type="button" value="换原来的值" onclick="grandParent();" >
扫一扫
111
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
