Question

我有这个制作锚标记的代码

<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>

但是当我在记录详细信息后指向登录页面时我无法看到这个锚标签，同时能够看到所有其他细节 /登录页面正在呈现。

我希望锚标记应该在/登录页面上可见一旦我登录登录按钮的详细信息。

Answer 1

你试图追加一个不存在的div。问题行是var mydiv = document.getElementById("demo"); 你需要添加一个id为demo的div，它会起作用。您可能还需要阻止默认表单提交操作。要做到这一点：

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

编辑：好吧，那就是如何让它在同一页面上工作...如果你想将链接从一个页面传递到另一个页面，你必须使用一些方法来持久化更改，比如使用cookie或者本地存储。

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

1 个答案: