js实现无刷新评论

原创 2016年08月29日 11:45:31
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js练习6</title>
<script type="text/javascript">
        window.onload = function () {
            document.getElementById('btn1').onclick = function () {
                //1.采集用户输入的数据
                var user_name = document.getElementById('txtNickName').value;
                var content = document.getElementById('txtContent').value;
                //2.动态创建行
                var trLine = document.createElement('tr');


                var td1 = document.createElement('td');
                td1.innerHTML = user_name;


                var td2 = document.createElement('td');
                td2.innerHTML = content;


                trLine.appendChild(td1);
                trLine.appendChild(td2);
                //将行加到表格中
                document.getElementById('tblComments').appendChild(trLine);


            }
        };
    </script>
</head>
<body>
<table id="tblComments" border="1">
        <tr>
            <td>
            猫猫:
            </td>
            <td>
            沙发耶!
            </td>
        </tr>
    </table>
    
    <textarea style="width:300px;height:200px;" id="txtContent"></textarea><br />
    昵称:<input type="text" id="txtNickName"/>
    <input type="button"  value="评论 " id="btn1"/>
</body>
</html>
版权声明:本文为博主原创文章,未经博主允许不得转载。

HTML中定制js实现评论效果

  • 2008年10月28日 17:46
  • 56KB
  • 下载

vue.js实现用户评论、登录、注册、及修改用户部分信息功能代码。

github效果在线预览仓库地址: https://github.com/zhongyoucong/vuejs/vue.js实现用户评论、登录、注册、及修改用户部分信息功能代码。效果图如下:登入后:...

使用js实现用户评论的星级

该博客是使用js的几张图片实现用户自定义对某样东西进行评价的星级。 以下是写好的js的样式片段: body{font-size:12px;}ul{padding:0;margin:0;}.st...

PHP实现微信JS-SDK接口选择相册及拍照并上传的方法 lieren_chengshi 2016-12-05 8463 查看 0评论 公开 原文 举报 取精 添加收藏 本文实例讲述了

PHP实现微信JS-SDK接口选择相册及拍照并上传的方法   lieren_chengshi  2016-12-05  8463 查看  0评论 公开 原文 举报 取精 添加收藏   ...

ajax实现局部无刷新的评论代码

ajax-youku-server.php文件 //省略了插入数据库的步骤 echo $_GET['comment'];  ?> ajax-youku-server.html文件 htt...

用ajax实现仿优酷的视频播放评论不进行刷新

无标题文档  #comment{           width:500px;           height:400px;           background-color:#FC...

AJAX技术实现无刷新技术评论

效果图 分为三个也面,分别是ajax-youku.html页面、ajax-youku-server.php页面、ajaxUtil.js页面 ajax-youku.html页面 http://...

Jquery+ashx实现无刷新评论

原文地址:http://www.cnblogs.com/fengzheng/archive/2011/09/23/2185092.html 目的:实现无刷新提交用户评论  无刷新显示评论信息 必备...
  • zhanzkw
  • zhanzkw
  • 2011年11月01日 12:09
  • 951

Asp.net使用JQuery实现评论的无刷新分页及分段延迟加载效果

首先建立数据库,数据关系图如下: 本文要实现的效果就是在评论别人文章时,如果文章内容过长或者评论内容过长,实现的一个评论分段延迟加载的效果,即每页可显示30条评论,可每隔10条延迟加载一次以提高...

PHP Ajax实现页面无刷新发表评论

来源:http://www.phpwind.net/read-htm-tid-371152.html 传统的发表过程无非是:发表->提交页面表单->等待刷新页面,这样在网络比较拥挤的时候,往往需...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js实现无刷新评论
举报原因:
原因补充:

(最多只允许输入30个字)