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 相关文章推荐
关于COOKIE个数与大小的问题
Jan 17 Javascript
采用自执行的匿名函数解决for循环使用闭包的问题
Sep 11 Javascript
jQuery插件pagination实现无刷新分页
May 21 Javascript
vue-router:嵌套路由的使用方法
Feb 21 Javascript
原生js仿浏览器滚动条效果
Mar 02 Javascript
Vue2.0使用过程常见的一些问题总结学习
Apr 10 Javascript
JavaScript利用fetch实现异步请求的方法实例
Jul 26 Javascript
快速将Vue项目升级到webpack3的方法步骤
Sep 14 Javascript
利用vue.js把静态json绑定bootstrap的table方法
Aug 28 Javascript
如何使用puppet替换文件中的string
Dec 06 Javascript
vue style width a href动态拼接问题的解决
Aug 07 Javascript
js屏蔽F12审查元素,禁止修改页面代码等实现代码
Oct 02 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
第十二节 类的自动加载 [12]
2006/10/09 PHP
php include,include_once,require,require_once
2008/09/05 PHP
PHP运行出现Notice : Use of undefined constant 的完美解决方案分享
2012/03/05 PHP
使用php实现快钱支付功能(涉及到接口)
2013/07/01 PHP
php读取图片内容并输出到浏览器的实现代码
2013/08/08 PHP
PHP分享图片的生成方法
2018/04/25 PHP
改进:论坛UBB代码自动插入方式
2006/12/22 Javascript
jQuery EasyUI API 中文文档 - Spinner微调器使用
2011/10/21 Javascript
鼠标滑在标题上显示图片的JS代码
2013/11/19 Javascript
原生JavaScript+LESS实现瀑布流
2014/12/12 Javascript
jquery复选框多选赋值给文本框的方法
2015/01/27 Javascript
AngularJS的内置过滤器详解
2015/05/14 Javascript
JavaScript实现两个select下拉框选项左移右移
2017/03/09 Javascript
Node.js和Express简单入门介绍
2017/03/24 Javascript
vue自定义过滤器创建和使用方法详解
2017/11/06 Javascript
vue实现的上传图片到数据库并显示到页面功能示例
2018/03/17 Javascript
在微信小程序中渲染HTML内容的方法示例
2018/09/28 Javascript
webstorm+vue初始化项目的方法
2018/10/18 Javascript
nodejs dgram模块广播+组播的实现示例
2019/11/04 NodeJs
sqlalchemy对象转dict的示例
2014/04/22 Python
在Python的web框架中编写创建日志的程序的教程
2015/04/30 Python
python通过imaplib模块读取gmail里邮件的方法
2015/05/08 Python
Python Tkinter 简单登录界面的实现
2019/06/14 Python
Django自定义用户表+自定义admin后台中的字段实例
2019/11/18 Python
美国卡车、吉普车和SUV零件网站:4 Wheel Parts
2016/11/24 全球购物
拥有超过850家商店的美国在线派对商店:Party City
2018/10/21 全球购物
上海微创软件面试题
2012/06/14 面试题
什么是makefile? 如何编写makefile?
2013/01/02 面试题
linux面试题参考答案(10)
2013/11/04 面试题
传媒专业推荐信范文
2013/11/23 职场文书
教育学习自我评价
2014/02/03 职场文书
2014党员学习兰辉先进事迹思想汇报
2014/09/17 职场文书
2015年体检中心工作总结
2015/05/27 职场文书
小学六年级班主任工作经验交流材料
2015/11/02 职场文书
2019中小学生安全过暑期倡议书
2019/06/24 职场文书
纯html+css实现打字效果
2021/08/02 HTML / CSS