main.html中

<html lang="eng">
<head>
  <title>JavaScript Example</title>
  <script type="text/javascript">

    var ExamId = "001A";

    function open_exam()
    {
      window.open("exam.html")
    }
  </script>
</head>
  <body>
    <input type=button value="Open Exam" onclick="open_exam()">
  </body>
</html>

Exam.html

<html lang="eng">
<head>
  <title>JavaScript Example</title>
  <script type="text/javascript">
    function setParentInfo()
    {
        window.parent.document.ExamID = '001B';
    }
  </script>
</head>
  <body>
    <p>Welcome to the Exam!</p>
    <input type=button value="Set Parent Info" onclick="setParentInfo()">
  </body>
</html>

Main.html通过输入按钮调出Exam.html。从Exam.html内部我想更改父文档中的变量ExamID（即：Main.html）。我正在尝试通过JavaScript函数执行此操作：setParentInfo（）。

以上代码无效。有人可以帮我提出正确的代码吗？

非常感谢！

Answer 1

在window对象上分配变量，而不是document对象。

由于该值已设置，您可以改为读取现有值以进行验证：

alert(window.parent.ExamId); // == "001A"

Answer 2

在父窗口中声明和分配变量，以便从子窗口获取引用。

您可以使用alert声明进行测试：

alert(window.parent.document.ExamId);

//output::001B

获取HTML父窗口将无法正常工作。建议？

main.html中

Exam.html

2 个答案: