JS 在父页面中获取子页面的返回值

最新推荐文章于 2021-06-23 23:15:15 发布

转载最新推荐文章于 2021-06-23 23:15:15 发布 · 2.8k 阅读

收录于

asp.net 常用技术总结

当前文章被收录于：

asp.net 常用技术总结

4 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了一个使用JavaScript的showModalDialog函数实现父页面与子页面间数据传递的例子。父页面通过调用该函数打开子页面并接收返回值，子页面则提供一个按钮用于发送返回值。

父页面
<html>
<head>
    <title>无标题页</title>
    <script language="javascript" type="text/javascript">
          function opendialog1()
     {
         var someValue=window.showModalDialog("b.html","","dialogWidth=500px;dialogHeight=500px;status=no;help=no;scrollbars=no");
         document.form1.p1t.value=someValue;
     }

    </script>
</head>
<body>
    <form name="form1" action="#">
        <input type="text" name="p1t">
        <input type="button" value="打开对话框" onclick="opendialog1()">
    </form>
</body>
</html>
子页面
<html>
<head>
    <title>无标题页</title>
    <script language="javascript" type="text/javascript">
    function a(wname)
    {
     parent.window.returnValue=wname; //父窗口就是上一个页面
   window.close();
    }
</script>
</head>
<body>
    <form name="form1" action="">
        <input type="button" value="传值" onclick="return a('hello')">
    </form>
</body>
</html>

分享到：

标签

#javascript #input #button #action #function