javascript - 如何在 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>

它应该将注册链接的 onclick 执行的函数更改为 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>';
}