首页 > 其他分享> > js子窗口调用父窗口函数并传递对象给父窗口的方法

js子窗口调用父窗口函数并传递对象给父窗口的方法

2019-06-11 11:41:16 作者：互联网

--父窗口

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Parent.aspx.cs" Inherits="Parent" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
    <script language="javascript" type="text/javascript">
        function OpenWin()
        {
            window.open("child.aspx","new")
        }
        
        function shuaxin(obj)//obj是接收到的对象
        {
            alert(obj.name);//获取对象属性。
        }
        
        function shuaxinb()
        {
            window.location.href=window.location.href;
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        父窗口<br />
        <br />
        <input type="text"  id="ddddd" style="width: 323px"/><br />
        <input type="button" id="Button1" value="刷新1" onclick="javascript:shuaxinb();"  />
        <input type="button" id="d" value="打开1" onclick="javascript:OpenWin();" />
        
        </div>
    </form>
</body>
</html>

--子窗口

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Child.aspx.cs" Inherits="Child" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
    <script language="javascript" type="text/javascript">
        function closew()
        {
           var parent= window.opener;

          var person={};

person.name="Tom";

person.age=123;

    // parent.location.reload(); 

            parent.shuaxin(person);//把person对象传递过去
            var parentControl=parent.document.getElementById("ddddd");
            parentControl.value="我是被子窗口赋值过来的，哈哈";
            window.close();
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        子窗口<br />
        
        <input type="button" id="d" value="关闭1" onclick="javascript:closew();" />
    </div>
    </form>
</body>
</html>

标签：function,窗口,parent,js,person,window,location,给父
来源： https://www.cnblogs.com/xuelixue/p/11002629.html