将数据从子Javascript页面传递到父Javascript页面

时间:2012-05-09 22:24:15

标签: javascript parent-child data-transfer

我正在使用Javascript。我正在使用警报来获取用户的密码。但是,正如您所知,警报不会掩盖其他"肩膀冲浪"的密码。为了解决这个问题,我创建了一个页面,只允许用户输入从父javascript页面打开的密码。问题是,在执行更多javascript指令之前,javascript不会等待用户输入密码。我的问题是,在执行下一条指令之前,如何让我的javascript等待从用户那里接收信息?

下面的父页面是我正在使用的示例。由于我在网上看到你无法掩盖window.prompt输入,所以决定尝试打开一个新窗口并让用户将其输入到html表单中。这是父母所需的最低代码(真正的父页面更长,与问题无关)。 父页面:

<html>
    <head>
    <script language="javascript">
        function start()
        {
            document.write("here");
            var w = window.open('password.html','newWindow','width=550,height=170,left=150,top=200,toolbar=no,resizable=false');
            var password = "holder value";

document.write(password);
        }
    </script>
        <title>
            Parent Window
        </title>
    </head>
    <body onload="start()">
    </body>
</html>

子页面:

<html>  
    <head>
        <title>This is for the user to input their password</title>
        <script language="javascript">
            function Parent()
            {
console.log("working");
                //opener.document.form.parent_name.value =  document.frm.child_name.value;
//              opener.document.form.parent_name.value = document.Input.pwd.value;
                opener.document.password= document.Input.pwd.value;
                self.close();
            }
        </script>
    </head>

    <body>
        <form name="Input" method="post" action="">
            <input type="password" name="pwd">
            <input type="button" value="Submit" onClick="Parent()">     
        </form>
    </body>
</html>

0 个答案:

没有答案