JavaScript学习(练习)
发布日期:2021-06-30 16:33:47 浏览次数:2 分类:技术文章

本文共 1413 字,大约阅读时间需要 4 分钟。

练习:用户登录界面

代码:

<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="登录" οnclick="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>

 

转载地址:https://kongchengji.blog.csdn.net/article/details/83790075 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:JavaScript学习(五)——条件判断语句、跳转语句
下一篇:JavaScript学习(四)——运算符

发表评论

最新留言

路过,博主的博客真漂亮。。
[***.116.15.85]2024年04月12日 10时22分03秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

Image Pyramid(图像金字塔) 2019-04-30
Oracle 作业记录 2019-04-30
putty连接AWS配置(multimedia project) 2019-04-30
Hourglass Network 沙漏网络 (pose estimation姿态估计) 2019-04-30
OpenCV实战(二)——答题卡识别判卷 2019-04-30
目标检测神经网络的发展历程(52 个目标检测模型) 2019-04-30
Boundary loss 损失函数 2019-04-30
神经网络调参实战(一)—— 训练更多次数 & tensorboard & finetune 2019-04-30
tensorflow使用tensorboard进行可视化 2019-04-30
神经网络调参实战(二)—— activation & initializer & optimizer 2019-04-30
凸优化 convex optimization 2019-04-30
数据库索引 & 为什么要对数据库建立索引 / 数据库建立索引为什么会加快查询速度 2019-04-30
IEEE与APA引用格式 2019-04-30
research gap 2019-04-30
pytorch训练cifar10数据集查看各个种类图片的准确率 2019-04-30
Python鼠标点击图片,获取点击点的像素坐标 2019-04-30
路径规划(一) —— 环境描述(Grid Map & Feature Map) & 全局路径规划(最优路径规划(Dijkstra&A*star) & 概率路径规划(PRM&RRT)) 2019-04-30
神经网络调参实战(四)—— 加深网络层次 & 批归一化 batch normalization 2019-04-30
数据挖掘与数据分析(三)—— 探索性数据分析EDA(多因子与复合分析) & 可视化(1)—— 假设检验(μ&卡方检验&方差检验(F检验))&相关系数(皮尔逊&斯皮尔曼) 2019-04-30
RRT算法(快速拓展随机树)的Python实现 2019-04-30