js实现无刷新评论

最新推荐文章于 2018-12-03 15:27:00 发布

原创最新推荐文章于 2018-12-03 15:27:00 发布 · 975 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#html5 #javascript

javascript 专栏收录该内容

12 篇文章

订阅专栏

本文演示了一个简单的JavaScript代码示例，用于实现在不刷新页面的情况下添加新的评论。通过获取昵称和评论内容，然后动态插入到HTML表格中，实现了无刷新的评论功能。

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

<!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>