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

7个Javascript地图脚本整理

Oct 20 Javascript

javascript学习基础笔记之DOM对象操作

Nov 03 Javascript

纯Javascript实现Windows 8 Metro风格实现

Oct 15 Javascript

让jQuery与其他JavaScript库并存避免冲突的方法

Dec 23 Javascript

基于jQuery的图片不完全按比例自动缩小

Jul 11 Javascript

jQuery中:disabled选择器用法实例

Jan 04 Javascript

js代码实现无缝滚动(文字和图片)

Aug 20 Javascript

VUE利用vuex模拟实现新闻点赞功能实例

Jun 28 Javascript

动态创建Angular组件实现popup弹窗功能

Sep 15 Javascript

Three.js基础学习教程

Nov 16 Javascript

解决IE11 vue +webpack 项目中数据更新后页面没有刷新的问题

Sep 25 Javascript

ng-alain的sf如何自定义部件的流程

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