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 相关文章推荐
自动检查并替换文本框内的字符
Jun 30 Javascript
Ext对基本类型的扩展 ext,extjs,format
Dec 25 Javascript
JavaScript 和 Java 的区别浅析
Jul 31 Javascript
wap浏览自动跳转到wap页面的js代码
May 17 Javascript
javascript实现列表滚动的方法
Jul 30 Javascript
javascript鼠标跟随运动3种效果(眼球效果,苹果菜单,方向跟随)
Oct 27 Javascript
js手机号批量滚动抽奖实现代码
Apr 17 Javascript
angular forEach方法遍历源码解读
Jan 25 Javascript
Angular2学习教程之TemplateRef和ViewContainerRef详解
May 25 Javascript
angularjs 页面自适应高度的方法
Jan 17 Javascript
JS实现百度搜索接口及链接功能实例代码
Feb 02 Javascript
js计算最大公约数和最小公倍数代码实例
Sep 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的网址
2006/11/25 PHP
thinkphp使用phpmailer发送邮件的方法
2014/11/24 PHP
smarty模板引擎中变量及变量修饰器用法实例
2015/01/22 PHP
javascript:void(0)的问题使用探讨
2014/04/10 Javascript
AngularJS equal比较对象实例详解
2016/09/14 Javascript
JavaScript SHA1加密算法实现详细代码
2016/10/06 Javascript
JS实现Ajax的方法分析
2016/12/20 Javascript
js记录点击某个按钮的次数-刷新次数为初始状态的实例
2017/02/15 Javascript
Vue实现购物车功能
2017/04/27 Javascript
基于Vue2x实现响应式自适应轮播组件插件VueSliderShow功能
2018/05/16 Javascript
js自定义input文件上传样式
2018/10/26 Javascript
js删除对象/数组中null、undefined、空对象及空数组方法示例
2018/11/14 Javascript
引入外部js脚本加载慢与页面白屏问题的解决
2018/12/10 Javascript
webpack4.x下babel的安装、配置及使用详解
2019/03/07 Javascript
express启用https使用小记
2019/05/21 Javascript
微信小程序实现弹出菜单动画
2019/06/21 Javascript
javascript利用键盘控制小方块的移动
2020/04/20 Javascript
原生js实现自定义滚动条组件
2021/01/20 Javascript
Python yield 小结和实例
2014/04/25 Python
Python类属性的延迟计算
2016/10/22 Python
Python批量删除只保留最近几天table的代码实例
2019/04/01 Python
Python正则表达式实现简易计算器功能示例
2019/05/07 Python
python求最大值最小值方法总结
2019/06/25 Python
基于python实现计算且附带进度条代码实例
2020/03/31 Python
东南亚地区最大的购物网站Lazada新加坡站点:Lazada.sg
2016/07/17 全球购物
NFL欧洲商店(德国):NFL Europe Shop DE
2018/11/03 全球购物
e路東瀛(JAPANiCAN)香港:日本旅游、日本酒店和温泉旅馆预订
2018/11/21 全球购物
马来西亚在线健康商店:Medipal Malaysia
2020/04/13 全球购物
C语言50道问题
2014/10/23 面试题
Java面试题:请说出如下代码的输出结果
2013/04/22 面试题
办护照工作证明范本
2014/01/14 职场文书
自习课吵闹检讨书范文
2014/09/26 职场文书
导游词范文
2015/02/13 职场文书
会议主持词开场白
2015/05/28 职场文书
成人成长感言如何写?
2019/08/16 职场文书
导游词之云南省玉龙雪山
2019/12/19 职场文书