如何在JavaScript上更新iframe的src和链接的onclick

Question

我正在尝试创建一个页面，通过更新iframe的src，该页面可同时用于登录和注册。

在导航栏上，我有这个：

<li id="change"><a onclick="sign()">Sign up</a></li>

在iframe上：

<iframe src="loginurl" id="frame"></iframe>

然后在JavaScript上，我有这个

<script>
        function sign(){
                document.getElementById("frame").src="signupurl";
                document.getElementById("change").innerHTML="<a onclick="login()">Login</a>";
        }
        function login(){
                document.getElementById("frame").src="loginurl";
                document.getElementById("change").innerHTML="<a onclick="sign()">Sign up</a>";
        }
</script>

应该更改将在单击注册链接后单击login()时执行的功能 而iframe的src，反之亦然

Answer 1

这似乎是引号问题。试试这个：

function sign() {
  document.getElementById("frame").src = "signupurl";
  document.getElementById("change").innerHTML = '<a onclick="login()">Login</a>';
}

function login() {
  document.getElementById("frame").src = "loginurl";
  document.getElementById("change").innerHTML = '<a onclick="sign()">Sign up</a>';
}