编程 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 相关文章推荐

javascript appendChild,innerHTML,join性能比较代码

Aug 29 Javascript

Javascript 面向对象特性

Dec 28 Javascript

基于jquery的DIV随滚动条滚动而滚动的代码

Jul 20 Javascript

JS 获取select(多选下拉)中所选值的示例代码

Aug 02 Javascript

调整小数的格式保留小数点后两位

May 14 Javascript

javascript函数式编程程序员的工具集

Oct 11 Javascript

关于JS中match() 和 exec() 返回值和属性的测试

Mar 21 Javascript

vue开发调试神器vue-devtools使用详解

Jul 13 Javascript

微信小程序实现tab和swiper切换结合效果

Jul 17 Javascript

JS实现的简单tab切换功能完整示例

Jun 20 Javascript

vue v-for 点击当前行,获取当前行数据及event当前事件对象的操作

Sep 10 Javascript

vue实现水波涟漪效果的点击反馈指令

May 31 Vue.js

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