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

在网页中动态显示当前年份,比如用于页脚的版权信息,可以通过 JavaScript 的 Date 对象轻松实现。HTML 本身不能直接获取年份,但结合 JavaScript 就能完成。
使用 JavaScript 获取当前年份
通过创建一个 Date 实例,调用其 getFullYear() 方法,可以准确获取当前年份(4位数字)。
示例代码:
这段代码会输出如 2025 这样的年份。常用于页面底部:
立即学习“Java免费学习笔记(深入)”;
使用 DOM 操作设置年份(推荐方式)
更清晰的做法是给目标元素一个 ID,然后用 JavaScript 设置内容,避免混写逻辑与结构。
HTML 结构:
JavaScript 代码:
这样可以更好地分离内容与脚本,也便于维护和测试。
注意事项
- 使用 getFullYear() 而不是 getYear(),后者已废弃且可能返回不正确的值(如 125 代表 2025 年)。
- 确保脚本在 DOM 加载完成后执行,可将 script 标签放在 body 底部或使用 DOMContentLoaded 事件。
- 如果网站长期静态部署,每年手动改年份麻烦,用此方法可自动更新,无需修改代码。
基本上就这些。用 JavaScript 动态插入年份,简单可靠,是前端开发中的常见做法。











