js实现无刷新评论

来源:互联网 发布:dijkstra算法的优缺点 编辑:程序博客网 时间:2024/05/22 11:45
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>    <title>js无刷新评论</title>    <script type="text/javascript">        function Append() {            //获取昵称文本框的值            var nickValue = document.getElementById("nickname").value;            //获取评论文本的值            var comm = document.getElementById("com").value;            var tbl = document.getElementById("comment");            var tr = tbl.tBodies[0].insertRow(-1);            var tname = tr.insertCell(-1);            tname.innerHTML = nickValue;            var tdcomment = tr.insertCell(-1);            tdcomment.innerHTML = comm;        }    </script></head><body>       <p>评论</p>    <table id="comment" border="0" cellspacing="1" style="background-color:#808080">        <tbody>            <tr><td>莫愁:</td><td>开始发言了!</td></tr>        </tbody>    <table/>    昵称:<input type="text" id="nickname" /><br />    评论:<textarea id="com"></textarea><br />    <input type="button" value="评论" onclick="Append()" /></body></html>

原创粉丝点击