我有以下代码,当我单击提交按钮时,它会在 html 中生成一个 div 元素。 div元素生成成功,但问题是当我刷新页面时它就消失了,如何让它即使稍后刷新页面也保留在那里。
我的目的是希望用户在我的页面上添加评论。所以我希望评论保留在页面上。
<script type="text/javascript">
function myfunction(){
var name=document.forms["myform"]["name"].value;
var comment = document.forms["myform"]["comment"].value;
var div=document.createElement("div");
var text=document.createTextNode(name+" commented "+comment);
div.appendChild(text);
document.body.appendChild(text);
}
</script>
<body>
<form name="myform">
Name: <input type="text" name="name"/>
<br>
Comment:
<textarea rows="4" cols="50" name="comment">
</textarea>
<input type="button" value="submit" onclick="myfunction()"/>
</form>
</body>
<div id = "com"></div>
最佳答案
听起来你甚至可能想要这样的东西:
http://net.tutsplus.com/tutorials/javascript-ajax/how-to-create-a-simple-web-based-chat-application/
试试这个,我正在使用jquery:http://jsfiddle.net/sVgxa/
HTML:
<textarea id="input"></textarea>
<button id="submit">Enter</button>
<div id="newDivs"></div>
Javascript:
$('#submit').click(function() {
var text = $('#input').val();
$('#newDivs').append('<div>' + text + '</div>');
});
如果您想要在不同用户之间显示某些内容,您将需要使用 Ajax 进行更复杂的操作。
关于javascript - 如何防止动态添加的元素在页面重新加载后消失。,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20137500/