javascript无刷新评论实现方法

2019-11-20 12:29:37

字体：大中小

来源：转载

供稿：网友

本文实例讲述了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程序设计有所帮助。

上一篇：javascript事件冒泡实例分析

下一篇：javascript动态创建表格及添加数据实例详解