📌  相关文章
📜  html 显示当前年份 - Javascript (1)

📅  最后修改于: 2023-12-03 14:41:55.890000             🧑  作者: Mango

HTML显示当前年份 - JavaScript

在Web开发中，有时我们需要动态地显示当前年份。JavaScript 是一种常用的脚本语言，可以与 HTML 配合使用来实现这个功能。下面是一段 HTML 代码，使用 JavaScript 来显示当前年份。

HTML 代码
<!-- 在<body>里面添加一个<span>元素来显示年份 -->
<body>
  <span id="year"></span>

  <script src="script.js"></script>
</body>
JavaScript 代码
// 获取当前年份
const currentYear = new Date().getFullYear();

// 将当前年份显示到<span>元素中
document.getElementById("year").textContent = currentYear;

在上面的代码中，我们首先创建了一个 Date 对象来获取当前日期和时间。然后，使用 getFullYear() 方法从 Date 对象中提取出当前年份。最后，使用 document.getElementById("year") 来获取 <span> 元素，并使用 .textContent 属性将当前年份赋值给它。

功能演示

当你在浏览器中打开上面的 HTML 文件时，你将会看到类似下面的结果：

当前年份：2022

结论

上述代码演示了如何使用 JavaScript 在 HTML 页面中动态显示当前年份。你可以将这段代码嵌入到你自己的项目中，以便在每年更新时自动显示当前年份。