今天第一周的最后一天,还是接着这上一天的JavaScript的学习。
/*undefined和null区别
undefined 未定义的null对象
undefined当声明一个对象但是不给它赋值,这个时候就是undefined
null试图获取一个不存在的对象undefined和null值是一直的,但是类型不同。 */

var a;
alert(a); //值为undefined
alert(document.getElementById("d")); //值为null
alert(null==undefined); //值为true
alert(null===undefined);//值为false
alert(typeof(null)==typeof(undefined));值为false

获取时间


var date = new Date;
var show="";
show = "year" + date.getFullYear();一定是fullyear,year获取的是与1900的差值。
show += "month" + (date.getMonth()+1); 月份从零开始的
show += "day" + date.getDate();
show += "week" + date.getDay(); 获取的是星期几。也是从0开始的星期日为0。周一:1,周二:2,周三:3,周四:4,周五:5,周六:6,周日:0。
date.SetFullYear(2000,0,1)//设置当前日期。
date.Setdate()//设置几号。
function jdg()
{/*获取开始截止时间*/var aa=document.getElementById("s1").value;/*获取截止日期*/
var bb=document.getElementById("s2").value;
alert(aa);
alert(bb);if(aa==""||bb=="")alert("开始时间与截止时间不能为空为null");else{var cc=(aa>bb);alert(cc);if(cc){alert("unlawed");}else{lert("useful");}
}
}

接下来我们完成了一个小的页面代码如下。

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><link rel="stylesheet" type="text/css" href="css/new_file.css"/><style type="text/css"></style></head><body><!--设置头标签并设置值为--><div class="top"><div class="top_left"><img src="img/loginsj.png" /><span>ssss</span></div> <div class="top_right"><table border="0" cellspacing="" cellpadding=""><tr><td>Data</td> <td>Data</td><td>Data</td></tr></table></div></div><div class="content"><div class="log"><table border="0" cellspacing="" cellpadding="" style="position: relative; top: 30%; left: 40%;"><tr><td ><input type="text" class="s6"style="background-image: url(img/loginuser.png); height:47px;width: 200px; background-repeat:  no-repeat;" placeholder="username"/></td></tr><tr><td><input type="password" class="s6" style="background-image: url(img/loginpassword.png); height:47px;width: 200px; background-repeat:  no-repeat;"placeholder="password"/></td></tr><tr><td><input type="text" class="s6" style="background-image: url(img/yzmbg.png); height:47px;width: 200px; background-repeat:  no-repeat; background-size: 100% 100%;"maxlength="4"placeholder="请输入验证码"/></td></tr><tr><td style="background-image: url(img/buttonbg.png); background-repeat: no-repeat;" height="47px"><font style="position: relative; left: 17%;top: -10%;font-weight: bold; color: white;">登录</font><span style="position: relative;left: 50%; font-size: 8pt;"><input type="checkbox" />记住密码 <a href="#">&nbsp;&nbsp;忘记密码</a></span></td></tr></table><div id="num" style="position: relative;top: 2.9%; left: 63.9%;"><input type="button" id="s5" value="验证码" style="width: 80px;height: 47px;background-image: url(img/btnbg.png);"/></div></div></div><div class="footer" align="center" style="color: white;">解释权归我所有</div><script type="text/javascript">function ran(){alert(math.random(1,10));}</script></body>
</html>

底下为css代码

        *{padding: 0px;margin: 0px;text-decoration: none;}html,body{height: 100%;width: 100%;}body{background-color: #df7611;}.top{background-image: url(../img/loginbg1.png);height: 10%;border: 1px solid red;}.top_left{float: left;}.top_right{float: right;}.content{background-image: url(../img/loginbg3.png);border: 1px solid blue;height: 80%;}.log{background-image: url(../img/logininfo3.png);width: 692px;height: 370px;margin: 10% auto;}.footer{background-image: url(../img/loginbg2.png);}.s6{margin-top: -2%;padding-left: 20%;width: 79%;height: 43px;}

虽然页面不是很好看但也是一个比较成型的页面,希望下一周有更多的收获。
效果如下仍需完善啊。

昨天偷懒了(⊙o⊙),好气啊,那今天就补上昨天的吧,orz向大佬们低头。还是熟悉的味道。相关推荐

  1. 补上昨天用idea 搭建MSQ数据库

    show databases; create database school;#创建数据库 use school; create table classinfo( #创建班级信息表 classid i ...

  2. mysql查询今天_昨天_7天_近30天_本月_上一月 数据_mysql查询今天、昨天、7天、近30天、本月、上一月 数据...

    获取当前时间 CURTIME(); 查询今天的数据 select * from table where to_days(time) = to_days(now()) 查询昨天数据 select * f ...

  3. 昨天添加的clustrMaps,忘了截屏,今天补上,就作为我在园子里的奠基。

    17:23:07  2008年11月8日 昨天地图上还没有一个红点.呵呵,现在已经有了两个了. 什么时候也能遍地都是呢? 还是慢慢努力,以观后效吧. 转载于:https://www.cnblogs.c ...

  4. mysql查询今天_昨天_7天_近30天_本月_上一月 数据_(转载)mysql查询今天、昨天、7天、近30天、本月、上一月数据...

    查询 今天 select * from 表名 where to_days(时间字段名) = to_days(now()); 昨天 SELECT * FROM 表名 WHERE TO_DAYS( NOW ...

  5. 【Python 每天进步一点点】昨天把接口自动化测试框架部署在 测试环境 Linux 上,并且加入持续集成 Jenkins...

    在搭建的过程中,主要是熟悉了一些基本的Linux 命令 cd cd .. ls 移动文件  : mv  文件路径  目标路径 移动某个路径下的所有文件  : mv  文件路径 /*  目标路径 删除某 ...

  6. Pwn-10月21-jarvis-level0

    目录 Pwn-10月21-jarvis-level0 检查保护措施 静态分析程序逻辑 动态分析程序逻辑 攻破 Pwn-10月21-jarvis-level0 这题是补上昨天没写完的一题...虽然很简单 ...

  7. 学习笔记----周志华《机器学习》第五章(神经网络)(二)

    周志华<机器学习>第五章(神经网络)的学习笔记上篇连接在这里:<上篇>.上篇讲到了神经网络.常用的激活函数.感知机和多层前馈神经网络.局部极小和全局最小,今天继续补上昨天落下得 ...

  8. Linux系统配置及服务管理_第03章用户管理

    大家好,我是霸王卸甲,昨天因为工作上的事情,忘记更了,今天上午补上昨天的文章,每周周六周日停更两天. 1.用户/组基本概念: ①概念:Users and groups: . Every process ...

  9. 执念斩长河专升本复习第六周

    博文内容非常沥青,目的就是防止自身陷入碎碎念模式,影响读者阅读.分模块进行讲述全方位学习状态,才是本篇博文应该要做的.共分为:专升本目标.本周作息规划表.下周作息规划表.本周进步总结.下周精要总结.每 ...

  10. jQuery 插件开发——Menu(导航菜单)

    故事背景:由于最近太忙了,已经很久没有写jquery插件开发系列了.但是凭着自己对这方面的爱好,我还是抽了一些时间来过一下插件瘾的.今天的主题是导航菜单,这个我相信不管做B/S还是做C/S都非常熟悉一 ...

最新文章

  1. 双料状元收割神器来了!清华设立计算机金融双学士学位
  2. 在线作图|2分钟绘制一张环状热图
  3. 安装anaconda 报错 failed to create menus
  4. vue修饰符 .lazy .number .trim
  5. c#命名法 【转】
  6. 图像基本处理算法的简单实现(二)
  7. 收集53个程序员段子
  8. 在Windows下安装JDK的通常步骤
  9. 按照RFC3984协议实现H264视频流媒体 RTSP H264
  10. DocDokuPLM介绍
  11. 神经网络模型参数的压缩
  12. 这有一个教科书般的焦煤蝶式套利机会(2018-10-30)
  13. python表单验证wtf_正在验证wtfforms中的美国电话号码
  14. 细数WOW里暴雪的“亲儿子”们
  15. 个税革新,你每年能省多少钱~
  16. python 爱心文字墙_博客园墙裂推荐!从未见过如些清新脱俗的完整Python+requests接口自动化测试框架搭建文章!...
  17. 双臂冗余机器人solidworks转URDF
  18. 在计算机网络英文缩写wan的中文名是,在计算机网络中,英文缩写WAN的中文名是。...
  19. Python导入sklearn报错:OSError: Failed to open file b‘C:\\\...AppData\\Local\\Temp\\scipy-...’
  20. 结构体 5.火星人足球赛

热门文章

  1. web api(基于NFine框架) 中接口跳转数据格式错误解决方案
  2. caniuse-lite is outdated. Please run next command `npm update`
  3. 请编程序将china译成密码,密码规律是:用原来的字母后面第4个字母代替原来的字母。例如:字母A后面4个字母为E,因此,China应译为Glmre。
  4. windows10 win10 此电脑 文件夹 隐藏
  5. 2022年卫浴行业报告:套系化+智能化拓宽边际,箭牌家居内资领航
  6. MBTI职业性格在软件研发组织中不同岗位的分布研究
  7. An error occurred while automatically activating bundle com.android.ide.ecli
  8. hoolilaw解读:在美国一不小心就犯法 一言不合就法庭见
  9. 【2020牛客多校】第九场 K The Flee Plan of Groundhog——BFS
  10. [转载]1986年吴图南 马岳梁 吴英华 孙剑云等名家大師