<!DOCTYPE html>

 <html>

     <head>

         <meta charset="UTF-8">

         <title></title>

         <style type="text/css">

         </style>

     </head>

     <body>

         <div align="center" >

             姓名:<input type="text" name="stuName" id="stuName" value="姓名" onfocus="ffocus()"/>

             年龄:<input type="text" name="age" id="age" value="年龄" onfocus="ffocus1()"/>

             <br /><br />

             <input type="button" value="注册" onclick="register()"/>

             <!--

                 作者：1767757232@qq.com

                 时间：2017-10-22

                 描述：

                 <input type="button" value="显示" onclick="show()" />

             -->

             <input type="button" value="清空" onclick="cclear()"/>

             <div id="tip"></div>

             <hr color="aqua"/>

             <br />

             <table id="tab" frame="border" width="30%" borderclorlight="aqua" border="1">

                 <tr><th>姓名</th><th>年龄</th></tr>                

             </table>

                 <div id="show"></div>

                     <div id="show1"></div>

                         <div id="show2"></div>

         </div>

     </body>

     <script type="text/javascript">

         var stuArr=new Array(3);

         var i=0;

         function register(){

             var stuName=document.getElementById("stuName").value;

             var age=document.getElementById("age").value;

             var student={stuName:stuName,age:age};

             stuArr[i]=student;

             document.getElementById("tab").innerHTML=document.getElementById("tab").innerHTML+"<tr><td>"+stuArr[i].stuName+"</td><td>"+stuArr[i].age+"</td></tr>";

             i++;

             document.getElementById("tip").innerHTML="注册成功";

         }

         function ffocus(){

             document.getElementById("stuName").value="";

             document.getElementById("tip").innerHTML="";

         }

         function ffocus1(){

             document.getElementById("age").value="";

             document.getElementById("tip").innerHTML="";

         }

         function cclear(){

         //    stuArr.splice(0,0);

             stuArr.splice(0,stuArr.length);

             document.getElementById("tab").innerHTML="<tr><th>姓名</th><th>年龄</th></tr>        ";

             document.getElementById("tip").innerHTML="清空成功";

         }

     </script>

 </html>

js注册实现的更多相关文章

  1. js注册读秒进度条

    转载自://http://blog.csdn.net/wugouzi/article/details/12621385 <head> <meta http-equiv="C ...

  2. js注册登录审核

    <script type="text/javascript"> $(function(){ $("#sendSms").click(function ...

  3. layer.js 注册登录切换的问题

    layer.js 是一个很好用的弹窗框架,使用的时候很方便,但是今天遇到一个问题,让我很头疼啊,一直都做不出来,就是登录和注册弹窗的切换问题 这里涉及到两个页面:guide.html 即父页面,den ...

  4. 微信小程序笔记<三>入口app.js —— 注册小程序

    小程序开发框架在逻辑层使用的语言就是JavaScript,所以想玩小程序JavaScript的基本功一定要扎实.但小程序基于js做了一些修改,以方便开发者更方便的使用微信的一些功能,使得小程序更好的贴 ...

  5. js 注册控件的onclick事件

    今天做了一个全选功能:1.点击全选,全部选中.选中状态再点击全选,全部取消选中2.点击成员,判断是否成员全部选中,true:全选为选中状态,false:全选为未选中状态. 使用js是比较麻烦的就是如何 ...

  6. js 注册事件

    <!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"> ...

  7. js注册验证

    var user = $("user");var userCheck = $("userCheck");var pwd = $("pwd") ...

  8. js注册检测 用户名、密码、手机号、邮箱

    请输入电话号码:<input name="" type="text" id="telphone" value="" ...

  9. JS注册事件

    <html xmlns="http://www.w3.org/1999/xhtml"><head>    <title></title&g ...

  10. nuxt.js 注册全局组件

    plugins 属性配置 src: String (文件的路径) ssr: Boolean (默认为 true) 如果值为 false,该文件只会在客户端被打包引入. 根目录找到 nuxt.confi ...

随机推荐

  1. 线程系列1--Java创建线程的几种方式及源码分析

    线程--创建线程的几种方式及源码分析 开始整理下线程的知识,感觉这块一直是盲区,工作中这些东西一直没有实际使用过,感觉也只是停留在初步的认识.前段时间一个内推的面试被问到,感觉一脸懵逼.面试官说,我的 ...

  2. 编译型语言VS解释型语言

  3. GitHub-Microsoft：DotNet2

    ylbtech-GitHub-Microsoft:DotNet2 1.返回顶部 · SignService Code Signing service and Client for Authentico ...

  4. Linux性能分析之上下文切换

    而在每个任务运行前,CPU 都需要知道任务从哪里加载.又从哪里开始运行,也就是说,需要系统事先帮它设置好 CPU 寄存器和程序计数器 CPU 寄存器,是 CPU 内置的容量小.但速度极快的内存.而程序 ...

  5. tensorflow实现线性回归总结

    1.知识点 """ 模拟一个y = 0.7x+0.8的案例 报警: 1.initialize_all_variables (from tensorflow.python. ...

  6. JAVA记事本的图形用户界面应用程序含过滤

    JAVA记事本的图形用户界面应用程序 过滤 题目简介: 整体分析: 实验代码: package note; import java.awt.EventQueue; import java.awt.ev ...

  7. python中日志logging模块的性能及多进程详解

    python中日志logging模块的性能及多进程详解 使用Python来写后台任务时,时常需要使用输出日志来记录程序运行的状态,并在发生错误时将错误的详细信息保存下来,以别调试和分析.Python的 ...

  8. delphi中and和or的特殊用法

    1=1 10=2 100=4 1000=8 1 or 2 = 3(11); 1 and 3 = 1; 2 and 3 = 2; 2 or 4 = 6(110); 2 and 6 = 2; 4 and ...

  9. React Native中ref的用法（通过组件的ref属性，来获取真实的组件）

    ref是什么? ref是组件的特殊属性,组件被渲染后,指向组件的一个引用.可以通过组件的ref属性,来获取真实的组件.因为,组件并不是真正的DOM节点,而是存在于内存中的一种数据结构,称为虚拟的DOM ...

  10. 积累-T

    emmm,各种知识点都有吧,主要方便自己记 随机修改网页图标 <script> var image=new Array(3); image.length=3; image[1]=" ...