JavaScript：从子html文档调用函数

Question

在子html文档中执行javascript函数的最佳方法是什么？

在我的父文档中，我有这个：

function validate() {
        debugger;
        var firstName = frm.FirstName.value;
        var lastName = frm.LastName.value;
        var email = frm.Email.value;

        if (!validateFirstName(firstName)) {
            return false;
        }
        if (!validateLastName(lastName)) {
            return false;
        }
        if (!validateEmail(email)) {
            return false;
        }

        var disp = window.open("results.html");
        disp.window.setData(firstName, lastName, email, frm.Comments);

        if (disp.confirm("Is this information correct?")) {
            disp.close();
        }
    }

在子文档（results.html）中，我有以下内容：

<script type="text/javascript">
    function setData(firstName, lastName, email, comments) {
        frm.FirstName.value = firstName;
        frm.LastName.value = lastName;
        frm.Email.value = email;
        frm.Comments.value = comments;
    }
</script>

这是行不通的。 请告诉我如何仅使用普通的javascript和html（而不使用JQuery等）来做到这一点。

谢谢

Answer 1

您应该使用opener属性。 它返回对创建该窗口的窗口的引用。

使用window.open（）打开窗口时，可以在目标窗口中使用此属性来返回源（父）窗口的详细信息。

   <script type="text/javascript">
        function setData(firstName, lastName, email, comments) {
            opener.frm.FirstName.value = firstName;
            opener.frm.LastName.value = lastName;
            opener.frm.Email.value = email;
            opener.frm.Comments.value = comments;
        }
    </script>