能给我更详细的解释这段代码吗
时间: 2024-02-26 11:58:33 浏览: 21
当用户点击“确定”按钮时,会调用`getWeekday()`函数,该函数中的代码如下:
```javascript
function getWeekday() {
const year = document.getElementById("year").value;
const month = document.getElementById("month").value;
const day = document.getElementById("day").value;
const date = new Date(year, month - 1, day);
const weekday = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"][date.getDay()];
document.getElementById("result").innerHTML = `日期为:${year}年${month}月${day}日,${weekday}`;
}
```
首先,函数中使用了`document.getElementById`方法获取了页面中三个输入框的值,分别存储在变量`year`、`month`、`day`中。这三个变量的值分别为用户输入的年、月、日。
接着,函数中使用`new Date(year, month - 1, day)`方法创建了一个Date对象,该对象表示了用户输入的日期。
在获取了Date对象后,函数中使用了`date.getDay()`方法获取了该日期的星期几,该方法返回一个0~6的整数,分别表示星期日到星期六。为了方便显示,函数中使用了一个数组`["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"]`来将0~6对应的星期几文本化,最后将星期几文本存储在变量`weekday`中。
最后,函数中使用了模板字符串来将日期和星期几文本拼接起来,并将其显示在页面上。具体来说,函数中使用了`document.getElementById("result").innerHTML`方法获取了一个`<p>`标签的引用,然后将拼接好的文本赋值给该标签的`innerHTML`属性,从而实现了在页面上显示日期和星期几的功能。