JS留言功能的简单实现案例(推荐)


Posted in Javascript onJune 23, 2016

JS留言功能的简单实现案例(推荐)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="jquery-1.11.2.min.js"></script>//接入jquery包
</head>

<body>
<div id="nr">
</div>
<div>
  内容:<textarea id="txt"></textarea>
  <br /> 
  <input type="button" value="提交" id="btn" />
</div>
</body>
<script type="text/javascript">
//给提交按钮加入点击事件
$(document).ready(function(e) {
  //找到ID=btn的按钮加入一个click事件
  $("#btn").click(function(){
    //首先要找到文本域里面的值
    var nt = $("#txt").val();//取出用户在文本域里面输入的valuer值并且交给一个变量nt
    
    var str = nt+"<br>";//在用户输入的内容后面追加换行
    //把拼接好的字符串(nt+"<br>")扔到最上方ID为nr的DIV里面去
    $("#nr").append(str); 
      
    })
});


</script>
</html>

以上就是小编为大家带来的JS留言功能的简单实现案例(推荐)全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
JavaScript 笔记二 Array和Date对象方法
May 22 Javascript
js异步加载的三种解决方案
Mar 04 Javascript
JavaScript中九种常用排序算法
Sep 02 Javascript
js实现仿阿里巴巴城市选择框效果实例
Jun 24 Javascript
jquery中的工具使用方法$.isFunction, $.isArray(), $.isWindow()
Aug 09 Javascript
原生js实现autocomplete插件
Apr 14 Javascript
js判断复选框是否选中及选中个数的实现代码
May 30 Javascript
Ionic如何实现下拉刷新与上拉加载功能
Jun 03 Javascript
JavaScript切换搜索引擎的导航网页搜索框实例代码
Jun 11 Javascript
Vue.js弹出模态框组件开发的示例代码
Jul 26 Javascript
Vue2.0设置全局样式(less/sass和css)
Nov 18 Javascript
JavaScript使用面向对象实现的拖拽功能详解
Jun 12 Javascript
Bootstrap实现登录校验表单(带验证码)
Jun 23 #Javascript
JavaScript自学笔记(必看篇)
Jun 23 #Javascript
Bootstrap中文本框的宽度变窄并且加入一副验证码图片的实现方法
Jun 23 #Javascript
JS使用JSON作为参数实例分析
Jun 23 #Javascript
浅析Bootstrap表格的使用
Jun 23 #Javascript
浅析Bootstrap验证控件的使用
Jun 23 #Javascript
jquery中live()方法和bind()方法区别分析
Jun 23 #Javascript
You might like
第七节 类的静态成员 [7]
2006/10/09 PHP
《APMServ 5.1.2》使用图解
2006/10/23 PHP
php中日期加减法运算实现代码
2011/12/08 PHP
匹配任意字符的正则表达式写法
2010/04/29 Javascript
jquery控制listbox中项的移动并排序的实现代码
2010/09/28 Javascript
jquery插件开发方法(初学者)
2012/02/03 Javascript
js简单实现用户注册信息的校验代码
2013/11/15 Javascript
JavaScript自定义等待wait函数实例分析
2015/03/23 Javascript
javascript实现获取服务器时间
2015/05/19 Javascript
js倒计时抢购实例
2015/12/20 Javascript
全屏js头像上传插件源码高清版
2016/03/29 Javascript
对象转换为原始值的实现方法
2016/06/06 Javascript
jQuery Easyui学习教程之实现datagrid在没有数据时显示相关提示内容
2016/07/09 Javascript
jQuery实现的瀑布流加载效果示例
2016/09/13 Javascript
WebPack基础知识详解
2017/01/16 Javascript
Vue组件开发之LeanCloud带图形校验码的短信发送功能
2017/11/07 Javascript
详解vue组件中使用路由方法
2019/02/12 Javascript
详解webpack引用jquery(第三方模块)的三种办法
2019/08/21 jQuery
[02:51]DOTA2 Supermajor小组分组对阵抽签仪式
2018/06/01 DOTA
Python中的匿名函数使用简介
2015/04/27 Python
python中scikit-learn机器代码实例
2018/08/05 Python
python 输出所有大小写字母的方法
2019/01/02 Python
python使用phoenixdb操作hbase的方法示例
2019/02/28 Python
基于python的Paxos算法实现
2019/07/03 Python
OpenCV 表盘指针自动读数的示例代码
2020/04/10 Python
Python垃圾回收机制三种实现方法
2020/04/27 Python
如何对python的字典进行排序
2020/06/19 Python
python 将列表里的字典元素合并为一个字典实例
2020/09/01 Python
毕业自我鉴定
2013/11/05 职场文书
大学生简单自荐信
2013/11/10 职场文书
委托代理人授权委托书范本
2014/09/24 职场文书
签订劳动合同通知书
2015/04/16 职场文书
公司出差管理制度范本
2015/08/05 职场文书
心理健康教育主题班会
2015/08/13 职场文书
Python djanjo之csrf防跨站攻击实验过程
2021/05/14 Python
python字符串拼接.join()和拆分.split()详解
2021/11/23 Python