2019年3月12日笔记内容
练习一： 根据用户时间，计算机反馈问候语。
以下是代码：
<div id="one" style="color: aquamarine;width: 300px;height: 400px;border: 1px solid red">
<script>
var date = new Date();
var hours = date.getHours();
document.write(hours);
var text = document.getElementById("one");//将输出写入上面div样式
if(hours<=12){
text.innerHTML = "上午好"
}else if(hours<=18){
text.innerHTML = "中午好"
}else if(hours<=24){
text.innerHTML = "晚午上好"
}
</script>
练习二：根据客户电脑时间，在指定位置输出问候语（div）
简化：
1：根据电脑时间，我们需要获取电脑时间，获取时间的方法。
2：需要变量来存储
3：判断分支语句
4：获取指定div的id或者class，获取元素的方法
5：然后用变量存储获取的元素
6：通过元素来添加时间内容
代码如下：
<body>
<div id="one"style="color: #255e95; 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>
</body>
练习三:
Date()内置函数
var today=new Date();//获得当前时间
var hh=today.getHours();//获得小时，分钟，秒
var mm=today.getMinutes();
var ss=today.getSeconds();
document.getEementByld(“myclock”).innerHTML=hh+":"+mm+":"+ss
复习内容：js引入外部文件
代码如下：<script language="javaccript" type="text/javascript" src="file.js"></script>
document对象：
| getElementById() | 返回对拥有指定id的第一个集 |
| getElementsByName() | 返回带有指定名称的对象的集 |
| getElementsByTagName() | 返回带有指定标签的对象的集 |
930
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
