<!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. 全链路跟踪skywalking简介

    该文章主要包括以下内容: skywalking的简介 skywalking的使用,支持多种调用中间件(httpclent,springmvc,dubbo,mysql等等) skywalking的tra ...

  2. 微信小程序之数据缓存和数据获取

    在一个微信小程序中 避免不了的就是在多个页面获取数据,而且还会在不同的页面获取相同的数据,写起来就是一大坨,看着就不愉快 那么今天说一下 这个方法 wx.setStorage(OBJECT) 这个方法 ...

  3. P4138 [JOISC2014]挂饰

    P4138 [JOISC2014]挂饰 ◦          N个装在手机上的挂饰.挂饰附有可以挂其他挂件的挂钩.每个挂件要么直接挂在手机上,要么挂在其他挂件的挂钩上.直接挂在手机上的挂件最多有1个. ...

  4. 四、使用jsonpath-JSON Extractor提取复杂响应中的数组及其他字段

    一.jsonpath实时调试url http://jsonpath.com/ 二.对于复杂响应的提取字段 1.json字符串如下: { "code": 0, "data& ...

  5. python3 http.server 本地服务支持跨域

    创建start.py,代码如下: #!/usr/bin/env python try: # Python 3 from http.server import HTTPServer, SimpleHTT ...

  6. 最详细React Native环境配置及项目初始化(2018-10-14)

    注意配环境一定要全程使用稳定VPN工具,否则会浪费大量时间!!!相信我 一.截止到项目初始化之前也就是执行这条命令之前都按官网的方法就可以 https://reactnative.cn/docs/ge ...

  7. ControlTemplate in WPF —— Calendar

    <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" x ...

  8. sql中对查询出的某个字段转换查询

    <select id="queryCmonByLanId" parameterType="java.util.Map" resultType=" ...

  9. 阿里巴巴 fastjson-1.2.12.jar json解析异常java.lang.ClassFormatError: Invalid method Code length 66865 in class file com/alibaba/fastjson/serializer/ASMSerializer_6_UserKdlb

    承接上篇:fastjson反序列化LocalDateTime失败的问题java.time.format.DateTimeParseException: Text '2019-05-24 13:52:1 ...

  10. Python 爬虫的工具列表

    Python 爬虫的工具列表 这个列表包含与网页抓取和数据处理的Python库 网络 通用 urllib -网络库(stdlib). requests -网络库. grab – 网络库(基于pycur ...