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 相关文章推荐
QQ登录简单实现代码
Mar 09 Javascript
JS查看对象功能代码
Apr 25 Javascript
常见JS效果之图片减速度滚动实现代码
Dec 08 Javascript
JS组件Bootstrap实现弹出框和提示框效果代码
Dec 08 Javascript
JS中的hasOwnProperty()和isPrototypeOf()属性实例详解
Aug 11 Javascript
JavaScript中removeChild 方法开发示例代码
Aug 15 Javascript
微信小程序实现图片预加载组件
Jan 18 Javascript
Angular.js跨controller实现参数传递的两种方法
Feb 20 Javascript
js实现颜色阶梯渐变效果(Gradient算法)
Mar 21 Javascript
实例教学如何写vue插件
Nov 30 Javascript
vue 子组件向父组件传值方法
Feb 26 Javascript
Vue实现tab导航栏并支持左右滑动功能
Jun 28 Vue.js
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
Windows中安装Apache2和PHP4权威指南
2006/11/18 PHP
php利用header函数实现文件下载时直接提示保存
2009/11/12 PHP
使用PHP遍历文件目录与清除目录中文件的实现详解
2013/06/24 PHP
php根据身份证号码计算年龄的实例代码
2014/01/18 PHP
php如何连接sql server
2015/10/16 PHP
PHP数据库连接mysql与mysqli对比分析
2016/01/04 PHP
PHP面向对象自动加载机制原理与用法分析
2016/10/14 PHP
Thinkphp5框架实现图片、音频和视频文件的上传功能详解
2019/08/27 PHP
Javascript 原型和继承(Prototypes and Inheritance)
2009/04/01 Javascript
基于jquery的用鼠标画出可移动的div
2012/09/06 Javascript
js实现checkbox全选和反选示例
2014/05/01 Javascript
jQuery选择器全集详解
2014/11/24 Javascript
js获取浏览器基本信息大全
2014/11/27 Javascript
js获取当前日期前七天的方法
2015/02/28 Javascript
jquery实现不包含当前项的选择器实例
2015/06/25 Javascript
Promise.all中对于reject的处理方法
2018/08/01 Javascript
浅谈Vue组件及组件的注册方法
2018/08/24 Javascript
react native基于FlatList下拉刷新上拉加载实现代码示例
2018/09/30 Javascript
nodejs log4js 使用详解
2019/05/31 NodeJs
node-red File读取好保存实例讲解
2019/09/11 Javascript
js实现橱窗展示效果
2020/01/11 Javascript
python实现探测socket和web服务示例
2014/03/28 Python
python通过邮件服务器端口发送邮件的方法
2015/04/30 Python
Python3 获取一大段文本之间两个关键字之间的内容方法
2018/10/11 Python
python判断文件是否存在,不存在就创建一个的实例
2019/02/18 Python
django 基于中间件实现限制ip频繁访问过程详解
2019/07/30 Python
python继承threading.Thread实现有返回值的子类实例
2020/05/02 Python
Python ADF 单位根检验 如何查看结果的实现
2020/06/03 Python
Matplotlib 绘制饼图解决文字重叠的方法
2020/07/24 Python
马来西亚和新加坡巴士票在线预订:CatchThatBus
2018/11/17 全球购物
外科实习自我鉴定
2013/10/06 职场文书
一名老师的自我评价
2014/02/07 职场文书
教师师德表现自我评价
2015/03/05 职场文书
物流仓管员岗位职责
2015/04/01 职场文书
2016保送生自荐信范文
2016/01/29 职场文书
导游词之井冈山
2019/11/20 职场文书