javascript无刷新评论实现方法
javascript无刷新评论实现方法
发布时间:2016-12-30 来源:查字典编辑
摘要:本文实例讲述了javascript无刷新评论实现方法。分享给大家供大家参考。具体实现方法如下:无刷新评论functionAppendComm...

本文实例讲述了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="评论" /> </body> </html>

希望本文所述对大家的javascript程序设计有所帮助。

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类