通过localStorage来实现留言板-创新互联

<!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="发表" onclick="posCon()"/>
			<input type="button" value="清除" onclick="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包

成都创新互联公司长期为近千家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为腾冲企业提供专业的成都做网站、成都网站建设，腾冲网站改版等技术服务。拥有十多年丰富建站经验和众多成功案例,为您定制开发。

创新互联www.cdcxhl.cn，专业提供香港、美国云服务器，动态BGP最优骨干路由自动选择，持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证，机房独有T级流量清洗系统配攻击溯源，准确进行流量调度，确保服务器高可用性。佳节活动现已开启，新人活动云服务器买多久送多久。

文章名称：通过localStorage来实现留言板-创新互联
文章位置：https://www.cdcxhl.com/article22/ceoejc.html

成都网站建设公司_创新互联，为您提供电子商务、移动网站建设、服务器托管、微信小程序、企业建站、域名注册

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容