除非子项位于新选项卡中,否则无法更新父窗口

时间:2016-12-10 16:24:02

标签: javascript html dom

以下代码工作正常......

的index.html

<html>
    <head>
        <title>Home Page</title>
    </head>
    <body>
        Home Page
        <br>Name:<br><input type="text" id="name">
        <br><a href="#" id="loginlink" onclick="window.open('login.html','_blank');">LOG IN</a>
    </body>
</html>

的login.html

<html>
    <head>
        <title>Log In</title>
        <script>
            function updateHomePage() {
                opener.document.getElementById("loginlink").text = "LOG OUT";
                opener.document.getElementById("name").value = "Joe Blow";
                self.close();
            }
        </script>
    </head>
    <body>
        <form method="GET" action="javascript:updateHomePage();">
            <div>
                Login Window
                <br>Email: <input type="email" id="email">
                <br>Password: <input type="password" id="password" name="password">
                <br><input type="submit" value="Log In">
            </div>
        </form>
    </body>
</html>

但我希望login.html在同一个标​​签页中打开,而不是在新标签页中打开。如果我使用'_self'而不是'_blank',我将无法再更新index.html。 opener语句抛出以下错误......“无法设置null的属性'text'”。有没有办法在同一个标​​签页面中打开login.html,仍然可以更新父页面?

0 个答案:

没有答案