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实现无刷新更新数据的详细步骤 asp
Dec 26 Javascript
javascript 数字格式化输出的实现代码
Dec 10 Javascript
JS判断表单输入是否为空(示例代码)
Dec 23 Javascript
get(0).tagName获得作用标签示例代码
Oct 08 Javascript
JavaScript学习笔记之Function对象
Jan 22 Javascript
Jquery跨浏览器文本复制插件Zero Clipboard的使用方法
Feb 28 Javascript
javascript实现简单计算器效果【推荐】
Apr 19 Javascript
Vue.js实现一个自定义分页组件vue-paginaiton
Sep 05 Javascript
Angular2使用Angular CLI快速搭建工程(一)
May 21 Javascript
微信小程序 转发功能的实现
Aug 04 Javascript
ES6使用新特性Proxy实现的数据绑定功能实例
May 11 Javascript
react的hooks的用法详解
Oct 12 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
Windows下的PHP5.0详解
2006/11/18 PHP
如何从一个php文件向另一个地址post数据,不用表单和隐藏的变量的
2007/03/06 PHP
php结合js实现点击超链接执行删除确认操作
2014/10/31 PHP
php实现简单爬虫的开发
2016/03/28 PHP
PHP生成制作验证码的简单实例
2016/06/12 PHP
PHP使用微信开发模式实现搜索已发送图文及匹配关键字回复的方法
2017/09/13 PHP
Jquery 滑入滑出效果实现代码
2010/03/27 Javascript
轻松创建nodejs服务器(4):路由
2014/12/18 NodeJs
JavaScript获取网页中第一个链接ID的方法
2015/04/03 Javascript
Angular2 父子组件数据通信实例
2017/06/22 Javascript
加载 vue 远程代码的组件实例详解
2017/11/20 Javascript
web前端vue实现插值文本和输出原始html
2018/01/19 Javascript
浅析vue 函数配置项watch及函数 $watch 源码分享
2018/11/22 Javascript
Vue多选列表组件深入详解
2021/03/02 Vue.js
[02:11]2014DOTA2 TI专访VG战队Fenrir:队伍气氛良好
2014/07/11 DOTA
[06:35]2014DOTA2国际邀请赛 老男孩梦圆西雅图中国军团世界最强
2014/07/22 DOTA
[42:32]Secret vs Optic 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Python中列表和元组的相关语句和方法讲解
2015/08/20 Python
Python使用Paramiko模块编写脚本进行远程服务器操作
2016/05/05 Python
python3+PyQt5重新实现自定义数据拖放处理
2018/04/19 Python
对dataframe数据之间求补集的实例详解
2019/01/30 Python
在Python 中同一个类两个函数间变量的调用方法
2019/01/31 Python
Python 获取 datax 执行结果保存到数据库的方法
2019/07/11 Python
python写入数据到csv或xlsx文件的3种方法
2019/08/23 Python
css3实现图片遮罩效果鼠标hover以后出现文字
2013/11/05 HTML / CSS
BASIC HOUSE官方旗舰店:韩国著名的服装品牌
2018/09/27 全球购物
应用服务器有那些
2012/01/19 面试题
好的自荐信包括什么内容
2013/11/07 职场文书
小学毕业家长寄语
2014/01/19 职场文书
社保委托书怎么写
2014/08/02 职场文书
vue完美实现el-table列宽自适应
2021/05/08 Vue.js
详解CSS不定宽溢出文本适配滚动
2021/05/24 HTML / CSS
python中的plt.cm.Paired用法说明
2021/05/31 Python
python 使用tkinter与messagebox写界面和弹窗
2022/03/20 Python
MySQL数据库之内置函数和自定义函数 function
2022/06/16 MySQL
Windows server 2022创建创建林、域树、子域的步骤
2022/06/25 Servers