本文介绍了一个简单的网页交互案例，包括通过按钮打开新窗口、在子窗口中提交数据并使父窗口跳转到另一个页面的过程。涉及first.jsp、open.jsp、second.jsp和jump.js四个文件的具体实现。
打开子窗口，子窗口关闭，父窗口跳转
这里一共有四个文件：first.jsp open.jsp second.jsp jump.js
first.jsp:父窗口
<html>
<script language="javascript" src="jump.js">
</script>
<body>
<p>first.html</p>
<form name ="first" method="post" action="second.jsp">
<input name="firstin" type="text" size="20" /><input type="button" value="提交" onclick="openNew(document)" />
</form>
</body>
</html>
open.jsp :子窗口
<html>
<script language="javascript" src="jump.js">
</script>
<body>
<p>open.html</p>
<form name ="open" method="post" action="" >
<input name="openin" type="text" size="20" /><input name="" type="submit" value="提交" onclick="DataSubmit()" />
</form>
</body>
</html>
second.jsp：first.jsp跳转窗口
jump.js：页面跳转的JavaScript代码
function openNew(first)
{
window.showModalDialog("open.jsp",first,"DialogWidth:800px;DialogHeight:600px");
};
function DataSubmit()
{
var a = window.dialogArguments;
alert(a.first.firstin.value);
a.first.submit();
window.close();
};
扫一扫
321
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
