html自制评论功能模块

来源：互联网发布：删除rom内置软件编辑：程序博客网时间：2024/04/30 22:22
<html><head><meta charset="utf-8"><style type="text/css">body{margin:0;}#talk{     width: 742px; height: 536px; border:1px red solid;}#show{width:98%;height:67%;border:1px green  solid;margin:10px auto auto;overflow-y:auto;}#write{width:98%;height:28%;border:1px blue solid;margin:10px auto auto;}.btn{width: 51px;  height: 28px;  margin: 2px auto auto 90%;}.personal{width:99%;height:100px;border:1px #33ff00 solid;margin:2px auto;overflow-y:auto;}</style><script type="text/javascript">function  add(){var content=$("te").value;content=trim(content);if(content.length<1){alert("请输入内容");return;}$("te").value="";var myDate = new Date();var year=myDate.getFullYear();    //获取完整的年份(4位,1970-????)var month=myDate.getMonth();       //获取当前月份(0-11,0代表1月)var day=myDate.getDate();  var hour=myDate.getHours();       //获取当前小时数(0-23)                var second=myDate.getMinutes();     //获取当前分钟数(0-59)var minute=myDate.getSeconds();var timeNow=year+"/"+month+"/"+day+" --"+hour+":"+second+":"+minute;var  w="<pre  style='display:inline;'>"+timeNow+"<br/>"+content+"</pre>";var newDiv=document.createElement("div");newDiv.className="personal";newDiv.innerHTML=w;var s=$("show");$("show").appendChild(newDiv);s.scrollTop = s.scrollHeight;//自动将滚动条拉到底部}function $(id){return document.getElementById(id);}function trim(str){ //删除左右两端的空格　　     return str.replace(/(^\s*)|(\s*$)/g, "");　　 }</script></head><body><div id="talk"><div id="show"></div><div id="write"><textArea   id="te" style="margin: auto auto; width:100%;height:79%;"></textArea><input type="button" value="发布" class="btn" onclick="add()"></div></div><body></html>
0 0