html如何获取年份_HTML获取当前年份（JavaScript Date）方法-html教程-PHP中文网

html如何获取年份_HTML获取当前年份（JavaScript Date）方法

蓮花仙者

发布： 2025-11-04 14:15:02

原创

741人浏览过

使用JavaScript动态显示当前年份，通过new Date().getFullYear()获取年份并插入页脚，推荐结合DOM操作与ID选择器实现内容与脚本分离，确保脚本在DOM加载后执行，避免使用已废弃的getYear()方法。

html如何获取年份_html获取当前年份（javascript date）方法

在网页中动态显示当前年份，比如用于页脚的版权信息，可以通过 JavaScript 的 Date 对象轻松实现。HTML 本身不能直接获取年份，但结合 JavaScript 就能完成。

通过创建一个 Date 实例，调用其 getFullYear() 方法，可以准确获取当前年份（4位数字）。

示例代码：

<script>
  document.write(new Date().getFullYear());
</script>

登录后复制

这段代码会输出如 2025 这样的年份。常用于页面底部：

<footer>
  &copy; <script>document.write(new Date().getFullYear());</script> 公司名称. 保留所有权利.
</footer>

登录后复制

更清晰的做法是给目标元素一个 ID，然后用 JavaScript 设置内容，避免混写逻辑与结构。

麦当秀MindShow AiPPT

麦当秀｜MINDSHOW是一款百万用户正在使用的三分钟生成一份PPT的AI应用系统。它利用引领前沿的人工智能技术，能够自动完成演示内容的设计。

224

HTML 结构：

<p id="current-year"></p>

登录后复制

JavaScript 代码：

<script>
  document.getElementById("current-year").textContent = new Date().getFullYear();
</script>

登录后复制

这样可以更好地分离内容与脚本，也便于维护和测试。

基本上就这些。用 JavaScript 动态插入年份，简单可靠，是前端开发中的常见做法。

以上就是html如何获取年份_HTML获取当前年份（JavaScript Date）方法的详细内容，更多请关注php中文网其它相关文章！

大家都在看：