js 实现论坛评论模块原理
| <body> | |
| <table id="tb" border="1"> | |
| <tbody id="tbd"> | |
| <tr> | |
| <td>猪猪:</td> | |
| <td>我喜欢吃肉</td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <div> | |
| 昵称:<input type="text" value="" id="userName"/><br/> | |
| <textarea name="" id="tt" cols="30" rows="10"></textarea><br/> | |
| <input type="button" value="评论一下" id="btn"/><br/> | |
| </div> | |
| <script src="common.js"></script> | |
| <script> | |
| //获取按钮,注册点击事件 | |
| document.getElementById("btn").onclick = function () { | |
| //获取昵称的元素 | |
| var userName = my$("userName"); | |
| //获取评论的元素 | |
| var tt = my$("tt"); | |
| //创建行 | |
| var tr = document.createElement("tr"); | |
| //行加到tbody中 | |
| my$("tbd").appendChild(tr); | |
| //创建列 | |
| var td1 = document.createElement("td"); | |
| tr.appendChild(td1); | |
| td1.innerHTML = userName.value; | |
| //创建列 | |
| var td2 = document.createElement("td"); | |
| tr.appendChild(td2); | |
| td2.innerHTML = tt.value; | |
| //清空 | |
| userName.value = ""; | |
| tt.value = ""; | |
| }; | |
| var arr=[20,10,40,50,30]; | |
| for(var i=0;i<arr.length-1;i++){ | |
| for(var j=0;j<arr.length-1-i;j++){ | |
| if(arr[j]<arr[j+1]){ | |
| var temp=arr[j]; | |
| arr[j]=arr[j+1]; | |
| arr[j+1]=temp; | |
| }//end if | |
| }// end for | |
| }//end for | |
| for(var i=0;i<arr.length;i++){ | |
| console.log(arr[i]); | |
| } | |
| </script> | |
| </body> |
js 实现论坛评论模块原理的更多相关文章
- node.js学习（三）简单的node程序&&模块简单使用&&commonJS规范&&深入理解模块原理
一.一个简单的node程序 1.新建一个txt文件 2.修改后缀 修改之后会弹出这个,点击"是" 3.运行test.js 源文件 使用node.js运行之后的. 如果该路径下没有该 ...
- 深入了解Node模块原理
深入了解Node模块原理 当我们编写JavaScript代码时,我们可以申明全局变量: var s = 'global'; 在浏览器中,大量使用全局变量可不好.如果你在a.js中使用了全局变量s,那么 ...
- 使用Vue+Django+Ant Design做一个留言评论模块
使用Vue+Django+Ant Design做一个留言评论模块 1.总览 留言的展示参考网络上参见的格式,如掘金社区: 一共分为两层,子孙留言都在第二层中 最终效果如下: 接下是数据库的表结构,如下 ...
- Vue.js双向绑定的实现原理和模板引擎实现原理（##########################################）
Vue.js双向绑定的实现原理 解析 神奇的 Object.defineProperty 这个方法了不起啊..vue.js和avalon.js 都是通过它实现双向绑定的..而且Object.obser ...
- node.js(七) 子进程 child_process模块
众所周知node.js是基于单线程模型架构,这样的设计可以带来高效的CPU利用率,但是无法却利用多个核心的CPU,为了解决这个问题,node.js提供了child_process模块,通过多进程来实现 ...
- CI 结合 vue.js 的搜索功能模块
CI 结合 vue.js 的搜索功能模块 最近在有优化公司后台的某个模块的搜索功能优化 原先的是这个样子的,很是单调: 老大给我找个图希望我能弄成这样子: 经过不断修改,最后成了这样子 是不是比以前好 ...
- node.js第二天之模块
一.模块的定义 1.在Node.js中,以模块为单位划分所有功能,并且提供了一个完整的模块加载机制,这时的我们可以将应用程序划分为各个不同的部分. 2.狭义的说,每一个JavaScript文件都是一个 ...
- r.js合并实践 --项目中用到require.js做生产时模块开发 r.js build.js配置详解
本文所用源代码已上传,需要的朋友自行下载:点我下载 第一步: 全局安装 npm install -g requirejs 第二步: 1.以下例子主要实现功能, 1)引用jq库获取dom中元素文本, ...
- node.js中使用http模块创建服务器和客户端
node.js中的 http 模块提供了创建服务器和客户端的方法,http 全称是超文本传输协议,基于 tcp 之上,属于应用层协议. 一.创建http服务器 const http = require ...
随机推荐
- ES10特性详解
摘要: 最新的JS特性. ES10 还只是一个草案.但是除了 Object.fromEntries 之外,Chrome 的大多数功能都已经实现了,为什么不早点开始探索呢?当所有浏览器都开始支持它时,你 ...
- sql server去掉某个字段前后空格问题
数据通过页面表单保存到数据库,由于有个选项是一个树形的下拉框,导致保存的这个字段的数据前面有空格,在sql server中可以使用 SELECT LTRIM(RTRIM(BelongPartyCode ...
- noi.ac #289. 电梯(单调队列)
题意 题目链接 Sol 傻叉的我以为给出的\(t\)是单调递增的,然后\(100\rightarrow0\) 首先可以按\(t\)排序,那么转移方程为 \(f[i] = min_{j=0}^{i-1} ...
- 英语口语练习系列-C10-up and down
<长恨歌>·白居易 长恨歌朗读视频,点我可听,thanks 长恨歌-白居易 汉皇重色思倾国,御宇多年求不得.杨家有女初长成,养在深闺人未识. 天生丽质难自弃,一朝选在君王侧.回眸一笑百媚生 ...
- SAP PS 模块，项目、WBS与网络作业概念
项目定义 项目定义是项目的唯一标识.通过项目定义,决定了包含于其中的所有WBS元素的组织结构.计划方法.预算方式以及结算方法等信息.而项目定义中的数据,则主要来源于“项目参数文件”,所以创建项目定义时 ...
- 英语进阶系列-A05-英语升级练习三
古诗背诵 要求:认真背诵和朗读,然后翻译成现代文,并绘制图像描述图中的意向,时间限制到10 minutes.另外,从中找出英文单词,并记录. 例如:慈母 = kind mother,手 = hand, ...
- 生成文件的MD5值
import hashlib #########测试################# m = hashlib.md5() m.update(b"hello") m.update( ...
- kafka-rest：怎么愉快的build？
愉快的build该项目吧 git clone https://github.com/confluentinc/kafka-restmvn clean install -Dmaven.test.skip ...
- 3.20 总结 java程序流程控制
- Luogu P5296 [北京省选集训2019]生成树计数
Luogu P5296 [北京省选集训2019]生成树计数 题目链接 题目大意:给定每条边的边权.一颗生成树的权值为边权和的\(k\)次方.求出所有生成树的权值和. 我们列出答案的式子: 设\(E\) ...