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 相关文章推荐
JS 日期验证正则附asp日期格式化函数
Sep 11 Javascript
EXTJS记事本 当CompositeField遇上RowEditor
Jul 31 Javascript
JS中prototype关键字的功能介绍及使用示例
Jul 21 Javascript
js实现连续英文字符自动换行兼容ie6 ie7和firefox
Sep 06 Javascript
JavaScript—window对象使用示例
Dec 09 Javascript
Jquery如何实现点击时高亮显示代码
Jan 22 Javascript
点击显示指定元素隐藏其他同辈元素的方法
Feb 19 Javascript
js中的如何定位固定层的位置
Jun 15 Javascript
JS跨域解决方案之使用CORS实现跨域
Apr 14 Javascript
EXT中单击button按钮grid添加一行(光标位置可设置)的实例代码
Jun 02 Javascript
js实现无缝滚动图
Feb 22 Javascript
Vue路由跳转问题记录详解
Jun 15 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
php部分常见问题总结
2008/03/27 PHP
php getsiteurl()函数
2009/09/05 PHP
php上传文件的增强函数
2010/07/21 PHP
用PHP和Shell写Hadoop的MapReduce程序
2014/04/15 PHP
joomla组件开发入门教程
2016/05/04 PHP
PHP基于GD库实现的生成图片缩略图函数示例
2017/07/05 PHP
JavaScript 图片预览效果 推荐
2009/12/22 Javascript
Javascript的数组与字典用法与遍历对象的属性技巧
2012/11/07 Javascript
MyEclipse取消验证Js的两种方法
2013/11/14 Javascript
JS生成某个范围的随机数【四种情况详解】
2016/04/20 Javascript
JS获取checkbox的个数简单实例
2016/08/19 Javascript
Restify中接入Socket.io报Error:Can’t set headers的错误解决
2017/03/28 Javascript
javascript实现动态显示颜色块的报表效果
2017/04/10 Javascript
jQuery Jsonp跨域模拟搜索引擎
2017/06/17 jQuery
微信小程序自定义toast实现方法详解【附demo源码下载】
2017/11/28 Javascript
浅谈Vue组件及组件的注册方法
2018/08/24 Javascript
Vue动态生成el-checkbox点击无法赋值的解决方法
2019/02/21 Javascript
jQuery三组基本动画与自定义动画操作实例总结
2020/05/09 jQuery
python 中文乱码问题深入分析
2011/03/13 Python
Python使用PyGreSQL操作PostgreSQL数据库教程
2014/07/30 Python
跟老齐学Python之编写类之二方法
2014/10/11 Python
详解Python3.1版本带来的核心变化
2015/04/07 Python
基于python实现微信模板消息
2015/12/21 Python
回调函数的意义以及python实现实例
2017/06/20 Python
解决Python 爬虫URL中存在中文或特殊符号无法请求的问题
2018/05/11 Python
很酷的python表白工具 你喜欢我吗
2019/04/11 Python
python爬虫用request库处理cookie的实例讲解
2021/02/20 Python
简述Html5 IphoneX 适配方法
2018/02/08 HTML / CSS
关键字throw与throws的用法差异
2016/11/22 面试题
四年级数学教学反思
2014/02/02 职场文书
解除劳动合同协议书
2014/09/17 职场文书
加入学生会自荐书
2015/03/05 职场文书
JavaScript offset实现鼠标坐标获取和窗口内模块拖动
2021/05/30 Javascript
Java Optional<Foo>转换成List<Bar>的实例方法
2021/06/20 Java/Android
Spring事务管理下synchronized锁失效问题的解决方法
2022/03/31 Java/Android
Python开发五子棋小游戏
2022/04/28 Python