创建html文件,使用switch语句,根据当前日期判断星期几,页面输出结果如下图:今天是星期五
时间: 2024-09-26 10:18:01 浏览: 31
创建HTML文件并利用JavaScript的Date对象和Switch语句来展示当前日期对应的星期,你可以这样做:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>当前星期查看</title>
<style>
.weekday {
font-size: 24px;
margin-top: 20px;
}
</style>
</head>
<body>
<h2 id="currentDayOfWeek">今天是星期几</h2>
<script>
// 获取当前日期
const today = new Date();
const dayOfWeek = today.getDay();
// 定义星期对应的字符串
const daysOfWeek = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
// 使用switch语句判断并输出星期
switch(dayOfWeek) {
case 0:
document.getElementById('currentDayOfWeek').innerText = "今天是" + daysOfWeek[dayOfWeek];
break;
// ... 其他case对应剩余的天数...
default:
document.getElementById('currentDayOfWeek').innerText = "今天是" + daysOfWeek[dayOfWeek];
}
</script>
</body>
</html>
```
在这个例子中,我们首先创建了一个新的Date对象,然后通过getDay()方法获取当前日期是一周中的哪一天(返回值从0(星期日)到6(星期六))。接着,我们用switch语句根据获取的数值选择对应的星期名,并将其显示在页面上。
阅读全文