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调用WebService的实现代码
Jun 19 Javascript
js给页面加style无效果的解决方法
Jan 20 Javascript
JavaScript获取URL汇总
Jun 08 Javascript
JS版元素周期表实现方法
Aug 05 Javascript
Jquery实现顶部弹出框特效
Aug 08 Javascript
JS功能代码集锦
May 04 Javascript
knockoutjs动态加载外部的file作为component中的template数据源的实现方法
Sep 01 Javascript
JS实现动态修改table及合并单元格的方法示例
Feb 20 Javascript
javascript 面向对象function详解及实例代码
Feb 28 Javascript
js实现网页同时进行多个倒计时功能
Feb 25 Javascript
vue指令做滚动加载和监听等
May 26 Javascript
Vue动态加载图片在跨域时无法显示的问题及解决方法
Mar 10 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/10/09 PHP
php 利用socket发送HTTP请求(GET,POST)
2015/08/24 PHP
PHP抽象类和接口用法实例详解
2019/07/20 PHP
Laravel如何实现自动加载类
2019/10/14 PHP
javascript 设为首页与加入收藏兼容多浏览器代码
2011/01/11 Javascript
Js base64 加密解密介绍
2013/10/11 Javascript
解析jQuery的三种bind/One/Live事件绑定使用方法
2013/12/30 Javascript
JavaScript中的方法调用详细介绍
2014/12/30 Javascript
js的window.showModalDialog及window.open用法实例分析
2015/01/29 Javascript
JavaScript学习笔记之数组求和方法
2016/03/23 Javascript
BootstrapTable+KnockoutJS自定义T4模板快速生成增删改查页面
2016/08/01 Javascript
JS封装通过className获取元素的函数示例
2016/12/20 Javascript
关于JS Lodop打印插件打印Bootstrap样式错乱问题的解决方案
2016/12/23 Javascript
js实现九宫格的随机颜色跳转
2017/02/19 Javascript
mac下的nodejs环境安装的步骤
2017/05/24 NodeJs
浅谈webpack4.x 入门(一篇足矣)
2018/09/05 Javascript
详解vue中router-link标签所必备了解的属性
2019/04/15 Javascript
python通过zlib实现压缩与解压字符串的方法
2014/11/19 Python
python通过pil为png图片填充上背景颜色的方法
2015/03/17 Python
python学习 流程控制语句详解
2016/06/01 Python
python中import学习备忘笔记
2017/01/24 Python
解决python通过cx_Oracle模块连接Oracle乱码的问题
2018/10/18 Python
利用python求积分的实例
2019/07/03 Python
Python 日期的转换及计算的具体使用详解
2020/01/16 Python
解决python中显示图片的plt.imshow plt.show()内存泄漏问题
2020/04/24 Python
Python自定义聚合函数merge与transform区别详解
2020/05/26 Python
详解matplotlib绘图样式(style)初探
2021/02/03 Python
Rowdy Gentleman服装和配饰:美好时光
2019/09/24 全球购物
全球异乡人的跨境社交电商平台:Kouhigh口嗨网
2020/07/24 全球购物
给面试官的感谢信
2014/02/01 职场文书
公司接待方案
2014/03/08 职场文书
品牌转让协议书
2014/08/20 职场文书
出纳试用期自我评价
2015/03/10 职场文书
运动会通讯稿100字
2015/07/20 职场文书
MySQL中出现乱码问题的终极解决宝典
2021/05/26 MySQL
MySQL中优化SQL语句的方法(show status、explain分析服务器状态信息)
2022/04/09 MySQL