javascript无刷新评论实现方法


Posted in Javascript onMay 13, 2015

本文实例讲述了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 相关文章推荐
一个可以兼容IE FF的加为首页与加入收藏实现代码
Nov 02 Javascript
Jquery AutoComplete自动完成 的使用方法实例
Mar 19 Javascript
动态创建script在IE中缓存js文件时导致编码的解决方法
May 04 Javascript
js事件绑定快捷键以ctrl+k为例
Sep 30 Javascript
关于javascript模块加载技术的一些思考
Nov 28 Javascript
AngularJS动态绑定ng-options的ng-model实例代码
Jun 21 Javascript
实例分析js事件循环机制
Dec 13 Javascript
详解vue-meta如何让你更优雅的管理头部标签
Jan 18 Javascript
VUE-Table上绑定Input通过render实现双向绑定数据的示例
Aug 27 Javascript
vuex(vue状态管理)的特殊应用案例分享
Mar 03 Javascript
vue实现移动端返回顶部
Oct 12 Javascript
ant design的table组件实现全选功能以及自定义分页
Nov 17 Javascript
javascript动态创建表格及添加数据实例详解
May 13 #Javascript
javascript动态创建链接的方法
May 13 #Javascript
javascript中innerText和innerHTML属性用法实例分析
May 13 #Javascript
javascript元素动态创建实现方法
May 13 #Javascript
javascript实现模拟时钟的方法
May 13 #Javascript
javascript实现点击后变换按钮显示文字的方法
May 13 #Javascript
javascript实现十秒钟后注册按钮可点击的方法
May 13 #Javascript
You might like
php使用base64加密解密图片示例分享
2014/01/20 PHP
分享ThinkPHP3.2中关联查询解决思路
2015/09/20 PHP
Thinkphp3.2.3整合phpqrcode生成带logo的二维码
2016/07/21 PHP
PHP大文件分割分片上传实现代码
2020/12/09 PHP
ASP.NET中基于JQUERY的高性能的TreeView补充
2011/02/23 Javascript
jQuery获取文本节点之 text()/val()/html() 方法区别
2011/03/01 Javascript
jQuery淡入淡出元素让其效果更为生动
2014/09/01 Javascript
浅谈jquery事件处理
2015/04/24 Javascript
JavaScript根据CSS的Media Queries来判断浏览设备的方法
2016/05/10 Javascript
vue拦截器实现统一token,并兼容IE9验证功能
2018/04/26 Javascript
解决vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效问题
2018/08/24 Javascript
javascript中一些奇葩的日期换算方法总结
2018/11/14 Javascript
vue随机验证码组件的封装实现
2020/02/19 Javascript
[50:12]EG vs Fnatic 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
[01:01:43]EG vs VP 2018国际邀请赛淘汰赛BO3 第二场 8.24
2018/08/25 DOTA
详解Python的Django框架中的通用视图
2015/05/04 Python
对dataframe进行列相加,行相加的实例
2018/06/08 Python
pandas 小数位数 精度的处理方法
2018/06/09 Python
python判断文件是否存在,不存在就创建一个的实例
2019/02/18 Python
Djang的model创建的字段和参数详解
2019/07/27 Python
python 实现矩阵填充0的例子
2019/11/29 Python
解决tensorflow打印tensor有省略号的问题
2020/02/04 Python
python多进程使用函数封装实例
2020/05/02 Python
pytorch  网络参数 weight bias 初始化详解
2020/06/24 Python
python中四舍五入的正确打开方式
2021/01/18 Python
HTML5 Web Workers之网站也能多线程的实现
2013/04/24 HTML / CSS
美体小铺加拿大官方网站:The Body Shop加拿大
2016/10/30 全球购物
机电一体化专业应届本科生求职信
2013/09/27 职场文书
《泉水》教学反思
2014/04/11 职场文书
《学棋》教后反思
2014/04/14 职场文书
2014年优质护理服务工作总结
2014/11/14 职场文书
金秋助学感谢信
2015/01/21 职场文书
建议书范文
2015/02/05 职场文书
团拜会主持词
2015/07/04 职场文书
保护环境建议书作文500字
2015/09/14 职场文书
2016三八妇女节校园广播稿
2015/12/17 职场文书