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 相关文章推荐
JavaScript 变量基础知识
Nov 07 Javascript
客户端限制只能上传jpg格式图片的js代码
Dec 09 Javascript
jquery 选取方法都有哪些
May 18 Javascript
jQuery中is()方法用法实例
Jan 06 Javascript
JS烟花背景效果实现方法
Mar 03 Javascript
JS简单获取当前年月日星期的方法示例
Feb 07 Javascript
vue2.0实现移动端的输入框实时检索更新列表功能
May 08 Javascript
Angular5集成eventbus的示例代码
Jul 19 Javascript
jQuery选择器选中最后一个元素,倒数第二个元素操作示例
Dec 10 jQuery
JS严格模式原理与用法实例分析
Apr 27 Javascript
Vue将props值实时传递 并可修改的操作
Aug 09 Javascript
js实现随机点名功能
Dec 23 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
后宫无数却洁身自好的男主,唐三只爱小舞
2020/03/02 国漫
全国FM电台频率大全 - 3 河北省
2020/03/11 无线电
在PHP3中实现SESSION的功能(一)
2006/10/09 PHP
php download.php实现代码 跳转到下载文件(response.redirect)
2009/08/26 PHP
php的chr和ord函数实现字符加减乘除运算实现代码
2011/12/05 PHP
php使用strtotime和date函数判断日期是否有效代码分享
2013/12/25 PHP
php中unserialize返回false的解决方法
2014/09/22 PHP
php通过function_exists检测函数是否存在的方法
2015/03/18 PHP
PHP语法小结之基础和变量
2015/11/22 PHP
php操纵mysqli数据库的实现方法
2016/09/18 PHP
PHP实现SMTP邮件的发送实例
2018/09/27 PHP
js数组的基本用法及数组根据下标(数值或字符)移除元素
2013/10/20 Javascript
jQuery中$.fn的用法示例介绍
2013/11/05 Javascript
用js正确判断用户名cookie是否存在的方法
2014/01/28 Javascript
Jquery实现自定义tooltip示例代码
2014/02/12 Javascript
extjs 如何给column 加上提示
2014/07/29 Javascript
排序算法的javascript实现与讲解(99js手记)
2014/09/28 Javascript
不到30行JS代码实现Excel表格的方法
2014/11/15 Javascript
jQuery实现两列等高并自适应高度
2016/12/22 Javascript
BOM之navigator对象和用户代理检测
2017/02/10 Javascript
vue实现图书管理demo详解
2017/10/17 Javascript
Python3.x中自定义比较函数
2015/04/24 Python
探究Python中isalnum()方法的使用
2015/05/18 Python
详解Python nose单元测试框架的安装与使用
2017/12/20 Python
python中dict字典的查询键值对 遍历 排序 创建 访问 更新 删除基础操作方法
2018/09/13 Python
Pytorch之parameters的使用
2019/12/31 Python
Python OrderedDict字典排序方法详解
2020/05/21 Python
详解Python中如何将数据存储为json格式的文件
2020/11/18 Python
HTML5 Canvas渐进填充与透明实现图像的Mask效果
2013/07/11 HTML / CSS
十八大闭幕感言
2014/01/22 职场文书
英语专业自荐书
2014/06/13 职场文书
个人先进事迹总结
2015/02/26 职场文书
自荐信大全
2019/03/21 职场文书
广告策划的实习心得体会总结!
2019/07/22 职场文书
python实现简单石头剪刀布游戏
2021/10/24 Python
html5+实现plus.io进行拍照和图片等获取
2022/06/01 HTML / CSS