1 Star 2 Fork 2

eogee/JS入门教程

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
test10.html 2.63 KB
一键复制 编辑 原始数据 按行查看 历史
eogee 提交于 2022-06-03 08:01 . 06-10讲义及源码
<!DOCTYPE html>
<html>
<head>
<title>10Javascript条件语句和循环</title>
<meta charset="UTf-8">
</head>
<body>
<h1>10Javascript条件语句和循环</h1>
<button onclick="test10()">点击这里获取欢迎语句</button>
<p id = "demo"></p>
<button onclick="whatDay()">点击这里获取几天周几</button>
<p id = "demo2"></p>
<script>
//if ...else if... else条件语句
function test10(){
var x= "";
var time = new Date().getHours();//实例化date对象,并获取当前时间小时数的值 赋值给time
if(time<12){
x = "上午好"
}else if(time<19){
x = "下午好"
}else{
x = "晚上好"
}
document.getElementById("demo").innerHTML = x;
}
//switch 条件判断
var d = new Date().getDay();
switch(d){
case 0:day = "今天是星期日";
break;
case 1:day = "今天是星期一";
break;
case 2:day = "今天是星期二";
break;
case 3:day = "今天是星期三";
break;
case 4:day = "今天是星期四";
break;
case 5:day = "今天是星期五";
break;
case 6:day = "今天是星期六";
break;
}
//default 语句
switch(d){
case 1:day = "今天是星期一";
break;
case 2:day = "今天是星期二";
break;
case 3:day = "今天是星期三";
break;
case 4:day = "今天是星期四";
break;
case 5:day = "今天是星期五";
break;
default : day = "今天是周末";//类似与else
}
function whatDay(){
document.getElementById("demo2").innerHTML = day;
}
//for循环
var cars= ["BYD","BENZ","BMW","AUDI"];
var i , l = cars.length;
for (i = 0;i<l;i++){
document.write(cars[i]+"<br>")
}
//while循环 计算1+2+3..9+10= ? 并给出计算过程
var i = 0 , j = 0;
while(i<11){
var k = j;//获取了循环之前 j 的值
j = j+i;//j 是获取了加上i之后的更新值
document.write(k+"+"+i+"="+j+"<br>");
i++;
}
// 尝试使用 for或while循环 计算1+3+5+...+97+99 = ? 并给出计算过程
</script>
</body>
</html>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/eogee/js.git
[email protected]:eogee/js.git
eogee
js
JS入门教程
master

搜索帮助