javascript - 在javascript中单击一个页面上的按钮时在不同页面中制作 anchor 标记

Question

我有制作 anchor 标记的代码

<script>
function showlogout() {       
    var mydiv = document.getElementById("demo");
    var aTag = document.createElement('a');
    aTag.setAttribute('href',"www.google.com");
    aTag.innerHTML = "link text";
    mydiv.appendChild(aTag);   
}
</script>

我在同一页面上有一个表单代码

 <form action="/login" method="post" onclick="showlogout()" >
    <div class="form-group">
        <label>Email</label>
        <input type="text" class="form-control" name="email">
    </div>
    <div class="form-group">
        <label>Password</label>
        <input type="password" class="form-control" name="password">
    </div>

    <button type="submit">Login</button>
</form>

但是当我在记录详细信息后被定向到登录页面时 我无法看到此 anchor 标记，但能够看到所有其他详细信息
正在呈现哪个/登录页面。

我希望 anchor 标记应该在/登录页面上可见 一旦我登录，点击登录按钮即可查看详细信息。

Answer 1

您正在尝试附加到不存在的 div。问题行是 var mydiv = document.getElementById("demo"); 您需要添加一个 id 为 demo 的 div 即可工作。您可能还需要阻止默认的表单提交操作。 为此:

$('form').submit(function (e) {
    e.preventDefault();
});

编辑: 好吧，无论如何，这就是让它在同一页面上工作的方法...如果您想将链接从一个页面传递到另一个页面，您必须使用某种方法来保存更改，例如使用 cookie 或本地存储。