2019年3月12日web实训知识点归纳_web用<c:if>来根据当前时间输出不同问候语-CSDN博客

本文链接：https://blog.csdn.net/qiangang_666666/article/details/88538511

.2019.0312
学号：姓名：博客地址：
1722230119 李林治
任务
回顾
JavaScript基本语法
JavaScript补充课件
JavaScript是一种基于对象和事件驱动客户端脚本语言。

创建JavaScript脚本片段
HTML4b

<script language="JavaScript" type="text/JavaScript">
</script>

html5版本

2.使用外部的JavaScript文件

<script language="JavaScript" type="text/JavaScript" src="file.js">
</script>

掌握JavaScript基础语法
1.掌握脚本的基本结构
2.掌握常用输入输出语句
3.掌握变量的定义
4.理解JavaScript的数据类型
5.学会使用分支语句
6.了解表达式，操作符，运算符等。
需求一：
1.根据客户时间输出问候语。
2.简化：根据客户输入的时间给出问候语。
步骤说明：
1.用户输入一个时间。
2.用变量储存。
3.根据时间判断上，下午和晚上。
4.给用户输出结果。
掌握常用输出语句
prompt(“提示信息”)
prompt（“提示信息”，“默认值”）
将弹出提示对话框，接受用户输入。点击确认返回输入的字符串，点击取消反馈空字符串。
eg:document.write("");
eg:

 <script>
        a=prompt("请输入时间(eg:下午16点 即输入：16)时间为0-24小时;")
        if(a<12){
            document.write("早上好")
        }
        else if(a<18){
            document.write("上午好")

        }else if(a<24){
            document.write("晚上好")
        }

    </script>

3.在属性值中使用JavaScript
需求说明
1.根据客户电脑时间，在指定位置输出问候语。
简化：
1.根据电脑时间，我们需要获取电脑时间，获取时间方法。
2.需要变量来存储。
3.判断分支语句。
4.获取指定div的id或者class,获取元素方法。
5.然后用变量储存获取的元素。
6.通过元素添加时间类容。

需求二：
需求说明：
1.根据客户电脑时间，在指定位置输出问候语<div>----好</div>

eg:

<body>
<div id="one" style="color:red ;width:100px;height:100px; border:1px solid red;"></div>
<script>
    var date=new Date();
    var hours=date.getHours();
    var text=document.getElementById("one");


if(hours<=12){
    text.innerHTML="早上好";
}
else if(hours<18){
    text.innerHTML="上午好";

}else if(hours<24){
    text.innerHTML="晚上好";
}
</script>

1.documnet对象：
getElementById() 返回对拥有指定id的第一对象的引用。
getElementsByIdName() 返回带有指定名称的对象集合。
getElementsByTagName() 返回带有指定标签名的对象集合。
write（）想文档写文本，HTML表达式或JavaScript代码。
Date对象方法
second和Minutes o到59
Hours 0d到23
Day 0到6（星期几）
Date 1至31（月份中的天数）
需求三：
练习Date()内置函数
步骤：****
var today=new Date();//获得当前时间
var hh=today .getHours();//获得小时，分钟，秒；
var mm=today .getMinutes();//获得小时，分钟，秒；
var ss=today .getSeconds();//获得小时，分钟，秒；
document.getElementById(“myclock”).innerHTML=hh+":"+mm+":"+ss;
eg：

<body>
<div id="myclock" style="color: #255e95;"></div>
<script>
    var today = new Date();
    var hh=today.getHours();
    var mm=today.getMinutes();
    var ss = today.getSeconds();
    document.getElementById("myclock").innerHTML=hh+":"+mm+":"+ss;
</script>
</body>