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 相关文章推荐
js继承 Base类的源码解析
Dec 30 Javascript
jQuery LigerUI 插件介绍及使用之ligerDrag和ligerResizable示例代码打包
Apr 06 Javascript
JavaScript中的apply和call函数详解
Jul 20 Javascript
extjs 分页使用jsp传递数据示例
Jul 29 Javascript
jQuery实现在最后一个元素之前插入新元素的方法
Jul 18 Javascript
javascript实现简单的全选和反选功能
Jan 05 Javascript
基于jQuery实现的无刷新表格分页实例
Feb 17 Javascript
JS实现图片局部放大或缩小的方法
Aug 20 Javascript
JS 插件dropload下拉刷新、上拉加载使用小结
Apr 13 Javascript
ES6中箭头函数的定义与调用方式详解
Jun 02 Javascript
详解vue-cli 快速搭建单页应用之遇到的问题及解决办法
Mar 01 Javascript
JS中箭头函数与this的写法和理解
Jan 14 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
让CodeIgniter的ellipsize()支持中文截断的方法
2014/06/12 PHP
B/S开发中常用javaScript技术与代码
2007/03/09 Javascript
(function(){})()的用法与优点
2007/03/11 Javascript
javascript 特殊字符串
2009/02/25 Javascript
js 加载并解析XML字符串的代码
2009/12/13 Javascript
javascript 鼠标拖动图标技术
2010/02/07 Javascript
JavaScript中实现块作用域的方法
2010/04/01 Javascript
javascript 设计模式之单体模式 面向对象学习基础
2010/04/18 Javascript
JS中的构造函数详细解析
2014/03/10 Javascript
一段非常简单的js判断浏览器的内核
2014/08/17 Javascript
原生javascript实现拖动元素示例代码
2014/09/01 Javascript
关于javascript模块加载技术的一些思考
2014/11/28 Javascript
js微信应用场景之微信音乐相册案例分享
2017/08/11 Javascript
inquirer.js一个用户与命令行交互的工具详解
2019/05/18 Javascript
vue 自动化路由实现代码
2019/09/03 Javascript
浅谈Vue3.0之前你必须知道的TypeScript实战技巧
2019/09/11 Javascript
js实现轮播图特效
2020/05/28 Javascript
html中创建并调用vue组件的几种方法汇总
2020/11/17 Javascript
[01:06:25]Secret vs Liquid 2018国际邀请赛淘汰赛BO3 第一场 8.25
2018/08/29 DOTA
[43:26]完美世界DOTA2联赛PWL S2 Forest vs Rebirth 第二场 11.20
2020/11/23 DOTA
python Django连接MySQL数据库做增删改查
2013/11/07 Python
Python搜索引擎实现原理和方法
2017/11/27 Python
快速查询Python文档方法分享
2017/12/27 Python
对Python 内建函数和保留字详解
2018/10/15 Python
在python中对变量判断是否为None的三种方法总结
2019/01/23 Python
Python hashlib模块的使用示例
2020/10/09 Python
美国Randolph太阳镜官网:美国制造的飞行员太阳镜和射击眼镜
2018/06/15 全球购物
美国现代家具网站:Design Within Reach
2018/07/19 全球购物
在线课程:Skillshare
2019/04/02 全球购物
幼师岗位求职简历的自荐信格式
2013/09/21 职场文书
预备党员思想汇报范文
2014/01/11 职场文书
给女儿的表扬信
2014/01/18 职场文书
金秋助学感谢信
2015/01/21 职场文书
员工辞职信怎么写
2015/02/27 职场文书
配置nginx 重定向到系统维护页面
2021/06/08 Servers
python机器学习Github已达8.9Kstars模型解释器LIME
2021/11/23 Python