首页 > 语言 > JavaScript > 正文

js弹出窗口返回值的简单实例

2024-05-06 14:57:25
字体:
来源:转载
供稿:网友

a.html:

<form name="form1" method="post" action=""><a href="javascript:void(null)" class="add" onClick="open('b.html','','resizable=1,scrollbars=1,status=no,toolbar=no,menu=no,width=500,height=400,left=150,top=50')">增加</a><input type="text" name="text1"></form>

b.html:

<script language="javascript" type="text/javascript">function returnValue(){window.opener.document.all.text1.value=document.getElementById("returnText").value;window.close();}</script>  <input type="button" name="Submit" value="提交" onclick="returnValue();">  <input name="returnText" type="text" id="returnText"></p>

补充:window.opener 的用法

window.opener 的用法在一般的用法中,只是用来解决关闭窗口时不提示弹出窗口, 而对它更深层的了解一般比较少。其 实 window.opener是指调用window.open方法的窗口。

在工作中主要是用来解决部分提交的。这种跨页操作对工作是非常有帮助的。

如果你在主窗口打开了一个页面,并且希望主窗口刷新就用这个,打开页面的window.opener就相当于

主窗口的window。

主窗口的刷新你可以用

window.opener.location.reload();

如果你用虚拟的目录:如struts的*.do会提示你重试

你可以改成这样 window.opener.yourformname.submit()

就好了

2〉

在应用中有这样一个情况,

在A窗口中打开B窗口,在B窗口中操作完以后关闭B窗口,同时自动刷新A窗口

function closeWin(){hasClosed = true;window.opener.location="javascript:reloadPage();";window.close();}function window.onbeforeunload(){if(!hasClosed){window.opener.location="javascript:reloadPage();";}}</script>

上面的代码在关闭B窗口的时候会提示错误,说缺少Object,正确的代码如下:

function closeWin(){hasClosed = true;window.opener.location="javascript:reloadPage();";window.opener=null;window.close();}function window.onbeforeunload(){if(!hasClosed){//如果已经执行了closeWin方法,则不执行本方法window.opener.location="javascript:reloadPage();";}}</script>reloadPage方法如下:function reloadPage() {history.go(0);document.execCommand("refresh")document.location = document.location;document.location.reload();}

PS:由于需要支持正常关闭和强制关闭窗口时能捕捉到事件,用了全局变量hasClosed

==============================================

补充,在父窗口是frame的时候在刷新父窗口的时候会出现问题:

The page cannot be refreshed without resending the information.

后修改如下:

window.opener.parent.document.frames.item('mainFrame').location.href = window.opener.location.href;

不需要执行自带的reload()方法,注意,不要再画蛇添足加上这一句:

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选