想写一个JS留言板已经写完了,但是刷新页面之后就没有信息了,怎么能让留言一直留在页面上,不用数据库

JavaScript029

想写一个JS留言板已经写完了,但是刷新页面之后就没有信息了,怎么能让留言一直留在页面上,不用数据库,第1张

html页面为静态页面,刷新之后相当于重新加载页面

不用数据库是不可以实现的

可以把数据写入到txt文件里面

当刷新或者重新打开的时候读取txt文件

<head>

<title></title>

<script src="Scripts/jquery-1.4.4.min.js" type="text/javascript"></script>

<script type="text/javascript">

$(function () {

$("input[type=button]").click(function () {

var body = ""

var username = $("#username").val()

var content = $("#content").val()

body += "<li><table><tr><td>用户名:</td><td>" + username + "</td></tr><tr><td>内容:</td><td>" + content + "</td></tr></table></li>"

$("ul").append(body)

})

})

</script>

</head>

<body>

<div>内容显示</div>

<div>

<ul></ul>

</div>

<br />

<br />

<br />

<br />

<hr />

<div>

用户名:<input type="text" id="username" /><br />

内 容:<textarea id="content" rows="5" cols="20"></textarea><br />

<input type="button" value="提交" />

</div>

</body>

</html>

ps:页面你就自己美化吧