<!DOCTYPE html>
<html>
	<head>
	<meta charset="UTF-8">
	<title>小小留言板</title>
	</head>
	<body>
		<div>
			<textarea id="trCon" cols="30" rows="8"></textarea>
		</div>
		<div>
			<input type="button" value="发表" οnclick="posCon()"/>
			<input type="button" value="清除" οnclick="delCon()"/>
		</div>
		<div id="dCon"></div>
		
		<script type="text/javascript" src="jquery.js"></script>
		<script type="text/javascript">
			// 发表留言
			function posCon() {
				var pv = $("#trCon").val;
				$("#dCon").append('<div>'+pv+'</div>');
				localStorage.setItem("k_con",$("#dCon").html());
			}	
			// 清除留言
			function delCon(){
				$("#dCon").html("");
				localStorage.clear();
			}
			// 加载留言
			load();
			function load(){
				var name = localStorage.getItem("k_con");
				if(name!=null){
					$("#dCon").html(name);
				}
			}
		</script>
	</body>
</html>

不要忘记添加上jquery包