时间:2021-10-24 10:33:42 | 栏目:JavaScript代码 | 点击:次
本文实例讲述了javascript无刷新评论实现方法。分享给大家供大家参考。具体实现方法如下:
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无刷新评论</title> <script type="text/javascript"> function AppendComment() { //获取昵称文本框的值 var nicknameValue = document.getElementById("nickName").value; //获取评论文本框的值 var commentValue = document.getElementById("comment").value; var tblComment = document.getElementById("tblComment"); var tr = tblComment.tBodies[0].insertRow(-1); var tdNickName = tr.insertCell(-1); tdNickName.innerHTML = nicknameValue; var tdComment = tr.insertCell(-1); tdComment.innerHTML = commentValue; } </script> </head> <body> 脚本之家<br /> 里面有丰富的脚本教程,欢迎访问 <p>评论</p> <table id="tblComment" border="1"> <tbody> <tr><td>李莫:</td><td>非常好的网站</td></tr> </tbody> </table> 昵称:<input type="text" id="nickName" /><br /> 评论:<textarea id="comment"></textarea><br /> <input type="button" value="评论" onclick="AppendComment()" /> </body> </html>
希望本文所述对大家的javascript程序设计有所帮助。