HTML网页底部版权自动更新年份的实现代码-html教程-PHP中文网

最稳妥方案是用 javascript 动态写入版权年份，通过 document.getelementbyid('copyright-year').textcontent = new date().getfullyear() 实现，兼容性好、可控性强，避免 document.write 清空页面等风险。

html网页底部版权自动更新年份的实现代码

用 JavaScript 动态写入当前年份最简方案

直接在版权文字里用 document.write 或 innerHTML 插入年份，是最轻量、兼容性最好的做法。不需要引入外部库，也不依赖服务端渲染。

推荐放在页脚 <footer></footer> 末尾，用 document.getElementById 或直接操作 document.querySelector
避免用 document.write（已废弃且会清空页面），改用 textContent 或 innerHTML

示例：

<footer>© <span id="copyright-year"></span> Your Site</footer><br><script><br>document.getElementById("copyright-year").textContent = new Date().getFullYear();<br></script>

Vue / React 等框架中怎么写

在组件模板里直接调用 new Date().getFullYear() 是可行的，但要注意 SSR（服务端渲染）场景下可能返回构建时年份而非访问时年份。

Vue 单文件组件：在 data 或 computed 中返回 new Date().getFullYear()，避免写在模板字面量里
React 函数组件：用 useEffect + useState 初始化年份，或直接在 JSX 中写 {new Date().getFullYear()}（注意 CSR 环境才准确）
Next.js / Nuxt 等 SSR 框架：必须在客户端生命周期中执行，否则首屏渲染出的年份会滞后

纯静态 HTML 不支持 JS 怎么办

如果部署环境禁用 JavaScript（如某些政府/内网站点），就无法动态更新——这是硬限制，没有绕过办法。

anything-to-html

将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。

下载

此时只能接受手动维护，或借助构建工具在打包时注入年份。

Webpack：用 html-webpack-plugin 的 templateParameters 注入 currentYear: new Date().getFullYear()
Vite：在 index.html 中用  占位符，配合插件替换
GitHub Pages + Jekyll：用 {{ 'now' | date: '%Y' }} Liquid 语法（仅限 Jekyll 构建时生效）