下面小编就为大家带来一篇 JS 留言功能的简单实现案例 (推荐)。小编觉得挺不错的, 现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
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>
来源: http://www.phperz.com/article/17/0305/264623.html