编程 Javascript

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留言功能的简单实现案例(推荐)全部内容了，希望大家多多支持三水点靠木~

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

- Author -

jingxian

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Ajax 数据请求的简单分析

Apr 05 Javascript

基于jquery的当鼠标滚轮到最底端继续加载新数据思路分享(多用于微博、空间、论坛 )

Oct 10 Javascript

js中哈希表的几种用法总结

Jan 28 Javascript

jquery获得同源iframe内body下标签的值的方法

Sep 25 Javascript

JS判断客服QQ号在线还是离线状态的方法

Jan 13 Javascript

简单实现异步编程promise模式

Jul 31 Javascript

浅谈javascript的Array.prototype.slice.call

Aug 31 Javascript

jsp 自动编译机制详细介绍

Dec 01 Javascript

简单实现JS上传图片预览功能

Apr 14 Javascript

原生JS+Canvas实现五子棋游戏实例

Jun 19 Javascript

jQuery使用zTree插件实现可拖拽的树示例

Sep 23 jQuery

解决layui table表单提示数据接口请求异常的问题

Sep 24 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