JS方法:判断分支语句用变量来存储及获取<div>
的id或class
三大流程控制:顺序语句 分支语句 循环语句
复合数据:数组 对象
常输入输出语句:prompt(“信息提示”) document.write(); alert();
例
一:根据客户时间输出问候语(时间–变量存储–判断)
代码:
`<script>
a = prompt("请输入时间)
if(a<=12){
document.write("上午好")
}else if(a<=18){
document.write("中午好")
}else if(a<=24){
document.write("晚上好")
}
</script> `
1.用户输入一个时间。
2.用变量存储。
3.根据时间判断上、中、下午好或晚上好。
4.给用户输出结果
二:根据客户电脑 时间输出问候语(<div>_******</div>
)
代码:
<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");//getElementById(返回对拥有指定id第一个对象的引用)
if(hours<=12){
text.innerHTML = "上午好"
}else if(hours<=18){
text.innerHTML = "中午好"
}else if(hours<=24){
text.innerHTML = "晚上好"
}
</script>
</body>
1.根据电脑时间,我们需要获取电脑时间。
2.需要变量来存储。
3.判断分支语句。
4.通过元素来添加时间内容
三:Date内置函数的练习
代码:
<script>
var today = new Date();//时间
var hh = today.getHours();//小时
var mm = today.getMinutes();//分钟
var ss = today.getSeconds();//秒
docsment.getElementById("myclock").innerHTML=hh+"."+mm+"."+ss
</scrpt>