javascript 无刷新评论

最新推荐文章于 2019-08-06 15:12:00 发布

永远爱好写程序

最新推荐文章于 2019-08-06 15:12:00 发布

阅读量957

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Javascript

本文链接：https://blog.youkuaiyun.com/limlimlim/article/details/8432075

Javascript 专栏收录该内容

56 篇文章

订阅专栏

本文介绍了一个无刷新评论系统，通过JavaScript实现用户评论的实时显示，无需页面刷新，提高用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <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>