如何用 JavaScript 实现动态排序月份，让 HTML 页面适应当前月份？

动态排序月份：让 html 适应当前月份

想要实现一个根据当前月份动态排序月份的功能，以下是如何用 JavaScript 实现的：

1. 创建月份数组：创建一个包含 1-12 月份信息的对象数组。
2. 获取当前月份：使用 new date().getmonth() + 1 来获取当前月份。
3. 重新排序月份数组：将当前月份之后的月份都移到数组开头。
4. 更新 html 页面：遍历排序后的月份数组，并用每个月份名称填充 html 列表。

下面是一个示例代码：

<script> const months = [ { value: 1, name: "1月" }, { value: 2, name: "2月" }, { value: 3, name: "3月" }, // … ]; const currentMonth = new Date().getMonth() + 1; const sortedMonths = months.slice(currentMonth – 1).concat(months.slice(0, currentMonth – 1)); const monthList = document.getElementById("month-list"); sortedMonths.forEach(month => { const listItem = document.createElement("li"); listItem.textContent = month.name; monthList.appendChild(listItem); }); </script>

这个代码将在 html 页面上生成一个根据当前月份重新排序的月份列表，让人们可以看到与当前月份相关的活动或信息。

立即学习“Java免费学习笔记（深入）”；