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常用技巧收集整理篇
Nov 14 Javascript
自己动手制作jquery插件之自动添加删除行功能介绍
Oct 14 Javascript
JavaScript中的对象序列化介绍
Dec 30 Javascript
jQuery实现移动端滑块拖动选择数字效果
Dec 24 Javascript
详谈JS中实现种子随机数及作用
Jul 19 Javascript
angularjs 源码解析之injector
Aug 22 Javascript
微信小程序 devtool隐藏的秘密
Jan 21 Javascript
详谈表单格式化插件jquery.serializeJSON
Jun 23 jQuery
jQuery 实时保存页面动态添加的数据的示例
Aug 14 jQuery
vue绑定设置属性的多种方式(5)
Aug 16 Javascript
使用InstantClick.js让页面提前加载200ms
Sep 12 Javascript
vue.js watch经常失效的场景与解决方案
Jan 07 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
php 获得汉字拼音首字母的函数
2009/08/01 PHP
PHP安全配置详细说明
2011/09/26 PHP
php mysql 判断update之后是否更新了的方法
2012/01/10 PHP
Thinkphp中Create方法深入探究
2014/06/16 PHP
laravel-admin 后台表格筛选设置默认的查询日期方法
2019/10/03 PHP
分享8个Laravel模型时间戳使用技巧小结
2020/02/12 PHP
Javascript客户端脚本的设计和应用
2006/08/21 Javascript
js 页面执行时间计算代码
2009/03/04 Javascript
js自定义事件代码说明
2011/01/31 Javascript
HTML中的setCapture和releaseCapture使用介绍
2012/03/21 Javascript
教你如何使用firebug调试功能了解javascript闭包和this
2015/03/04 Javascript
JQuery中节点遍历方法实例
2015/05/18 Javascript
开启Javascript中apply、call、bind的用法之旅模式
2015/10/28 Javascript
js倒计时简单实现代码
2016/08/11 Javascript
JS中用try catch对代码运行的性能影响分析
2016/12/26 Javascript
js微信分享实现代码
2020/10/11 Javascript
vue+springmvc导出excel数据的实现代码
2018/06/27 Javascript
原生javascript单例模式的应用实例分析
2020/02/23 Javascript
vue3.0搭配.net core实现文件上传组件
2020/10/29 Javascript
Python实现网络端口转发和重定向的方法
2016/09/19 Python
python实现学生管理系统
2018/01/11 Python
python深度优先搜索和广度优先搜索
2018/02/07 Python
解决phantomjs截图失败,phantom.exit位置的问题
2018/05/17 Python
python 统计数组中元素出现次数并进行排序的实例
2018/07/02 Python
python实现学员管理系统
2019/02/26 Python
Python如何使用BeautifulSoup爬取网页信息
2019/11/26 Python
pymysql模块的操作实例
2019/12/17 Python
详解css3 object-fit属性
2018/07/27 HTML / CSS
纽约家具、家居装饰和地毯店:ABC Carpet & Home
2017/06/21 全球购物
面向对象概念面试题(.NET)
2016/11/04 面试题
传播学专业毕业生自荐信
2013/11/04 职场文书
市级绿色学校申报材料
2014/08/25 职场文书
公司承诺函范文
2015/01/21 职场文书
爱护环境卫生倡议书
2015/04/29 职场文书
校园新闻稿范文
2015/07/18 职场文书
jquery插件实现代码雨特效
2021/04/24 jQuery