JavaScript学习(练习)

简介: 练习:用户登录界面代码:            function check(){                var name=form1.

练习:用户登录界面

代码:

<script type="text/javascript">
            function check(){
                var name=form1.user.value; //获取用户添加的用户名信息
                var pwd=form1.pwd.value;    //获取用户添加的密码信息
                if((name=="")||(name=null)){  //判断用户名是否为空
                    alert("请输入用户名!");
                    form1.user.focus();       //用户名文本框获取焦点
                    return;
                }else if((pwd=="")||(pwd=null)){//判断密码是否为空
                    alert("请输入密码!");
                    form1.pwd.focus();         //密码文本框获取焦点
                    return;
                }else{
                    form1.submit();          //提交表单
                }
            }
   </script>

<body>
        <form name="form1" method="post" action="">
            <table border="1" cellspacing="0" cellpadding="0" 
                bordercolor="#FFFFFF" bordercolordark="#CCCCCC" bordercolorlight="#FFFFFF">
                
                <tr>
                    <td height="30" colspan="2" bgcolor="antiquewhite">用户登录</td>
                </tr>
                <tr>
                    <td width="59" height="30">用户名:</td>
                    <td width="162"><input name="user" type="text" class="user"></td>
                </tr>
                <tr>
                    <td height="30">密 码</td>
                    <td><input name="pwd" type="text" class="pwd"></td>
                </tr>
                <tr>
                    <td height="30" colspan="2" align="center">
                        <input name="button" type="button" class="btn_grey" value="登录" onclick="check()">
                        &nbsp;
                        <input name="Submit2" type="reset" class="btn_grey" value="重置">
                    </td>
                </tr>
            </table>
        </form>
    </body>

 

练习:星期获取系统

<script type="text/javascript">
            var now=new Date();
            var day=now.getDay();
            var week;
            switch(day){
                case 1: week="星期一"; break;
                case 2: week="星期二"; break;
                case 3: week="星期三"; break;
                case 4: week="星期四"; break;
                case 5: week="星期五"; break;
                case 6: week="星期六"; break;
                case 7: week="星期七"; break;
            }            
            document.write("今天是"+week);          
        </script>

 

目录
相关文章
|
1月前
|
JavaScript 前端开发 开发者
VUE 开发——Node.js学习(一)
VUE 开发——Node.js学习(一)
51 3
|
2月前
|
JavaScript
ES6学习(9)js中的new实现
ES6学习(9)js中的new实现
|
25天前
|
JavaScript
js学习--制作猜数字
js学习--制作猜数字
35 4
js学习--制作猜数字
|
25天前
|
JavaScript
webpack学习五:webpack的配置文件webpack.config.js分离,分离成开发环境配置文件和生产环境配置文件
这篇文章介绍了如何将webpack的配置文件分离成开发环境和生产环境的配置文件,以提高打包效率。
39 1
webpack学习五:webpack的配置文件webpack.config.js分离,分离成开发环境配置文件和生产环境配置文件
|
2月前
|
算法 JavaScript 前端开发
第一个算法项目 | JS实现并查集迷宫算法Demo学习
本文是关于使用JavaScript实现并查集迷宫算法的中国象棋demo的学习记录,包括项目运行方法、知识点梳理、代码赏析以及相关CSS样式表文件的介绍。
第一个算法项目 | JS实现并查集迷宫算法Demo学习
|
2月前
|
JavaScript 前端开发 API
紧跟月影大佬的步伐,一起来学习如何写好JS(上)
该文章跟随月影老师的指导,探讨了编写优质JavaScript代码的三大原则:各司其职、组件封装与过程抽象,通过具体示例讲解了如何在实际开发中应用这些原则以提高代码质量和可维护性。
紧跟月影大佬的步伐,一起来学习如何写好JS(上)
|
25天前
|
JavaScript
js学习--制作选项卡
js学习--制作选项卡
35 4
|
24天前
|
JavaScript
js学习--商品列表商品详情
js学习--商品列表商品详情
14 2
|
24天前
|
JavaScript
js学习--九宫格抽奖
js学习--九宫格抽奖
15 2
|
24天前
|
JavaScript
js学习--开屏弹窗
js学习--开屏弹窗
31 1