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 相关文章推荐
jQuery的.live()和.die() 使用介绍
Sep 10 Javascript
JS 操作符整理[推荐收藏]
Nov 15 Javascript
jquery显示隐藏input对象
Jul 21 Javascript
jQuery函数map()和each()介绍及异同点分析
Nov 08 Javascript
js时间日期格式化封装函数
Dec 02 Javascript
在JavaScript中处理字符串之link()方法的使用
Jun 08 Javascript
JavaScript实现广告弹窗效果
Aug 09 Javascript
详解Node.js模板引擎Jade入门
Jan 19 Javascript
JS实现导出Excel的五种方法详解【附源码下载】
Mar 15 Javascript
详解JavaScript的数据类型以及数据类型的转换
Apr 20 Javascript
layui输入框只允许输入中文且判断长度的例子
Sep 18 Javascript
JavaScript实现省份城市的三级联动
Feb 11 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实现的封装验证码类详解
2013/06/18 PHP
PHP房贷计算器实例代码,等额本息,等额本金
2017/04/01 PHP
jquery 操作单选框,复选框,下拉列表实现代码
2009/10/27 Javascript
js 复制或插入Html的实现方法小结
2010/05/19 Javascript
jQuery中使用了document和window哪些属性和方法小结
2011/09/13 Javascript
用JQuery模仿淘宝的图片放大镜显示效果
2011/09/15 Javascript
JavaScript 基础篇之运算符、语句(二)
2012/04/07 Javascript
Knockout数组(observable)使用详解示例
2013/11/15 Javascript
Jqgrid设置全选(选择)及获取选择行的值示例代码
2013/12/28 Javascript
JS仿iGoogle自定义首页模块拖拽特效的方法
2015/02/13 Javascript
对jQuary选择器的全面总结
2016/06/20 Javascript
详解基于javascript实现的苹果系统底部菜单
2016/12/02 Javascript
Bootstrap进度条实现代码解析
2017/03/07 Javascript
vue-cli 自定义指令directive 添加验证滑块示例
2017/10/19 Javascript
Angular实现的日程表功能【可添加及隐藏显示内容】
2017/12/27 Javascript
Node使用Sequlize连接Mysql报错:Access denied for user ‘xxx’@‘localhost’
2018/01/03 Javascript
js中int和string数据类型互相转化实例
2019/01/16 Javascript
React 组件渲染和更新的实现代码示例
2019/02/21 Javascript
浅谈React Native 传参的几种方式(小结)
2019/05/21 Javascript
Vue.js实现备忘录功能
2019/06/26 Javascript
解决vuex刷新状态初始化的方法实现
2019/08/15 Javascript
vue+element-ui+axios实现图片上传
2019/08/20 Javascript
[46:40]VGJ.T vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
从零学python系列之数据处理编程实例(二)
2014/05/22 Python
python使用锁访问共享变量实例解析
2018/02/08 Python
详解python中Numpy的属性与创建矩阵
2018/09/10 Python
pandas 时间格式转换的实现
2019/07/06 Python
python3 常见解密加密算法实例分析【base64、MD5等】
2019/12/19 Python
详解Python IO口多路复用
2020/06/17 Python
巴西网上药房:onofre
2016/11/21 全球购物
加拿大健康、婴儿和美容产品在线购物:Well.ca
2016/11/30 全球购物
Laura Mercier官网:彩妆大师罗拉玛斯亚的化妆品牌
2018/01/04 全球购物
自考生毕业自我鉴定
2013/10/10 职场文书
保护环境倡议书
2014/04/14 职场文书
婚纱店策划方案
2014/05/22 职场文书
奖励通知
2015/04/22 职场文书