You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何修改代码实现网页版权年份自动更新?

自动更新版权年份的实现方案

以下是几种无需手动修改年份的实现方式,根据你的网站技术栈选择即可:

  • 前端JavaScript方案
    这是纯前端最常用的方法,直接通过JS获取当前系统年份:
    简洁版(使用document.write):

    </div></div></div></div><div class="footer">
      <p>Copyright <script>document.write(new Date().getFullYear())</script></p>
      <a href="#" class="go-up"></a>
    </div></body></html>
    

    更规范的DOM操作版(避免document.write的潜在问题):

    </div></div></div></div><div class="footer">
      <p>Copyright <span id="copyright-year"></span></p>
      <a href="#" class="go-up"></a>
      <script>
        document.getElementById('copyright-year').textContent = new Date().getFullYear();
      </script>
    </div></body></html>
    
  • 服务器端语言方案(以PHP为例)
    如果你的网站是PHP驱动的,直接在服务器端输出当前年份:

    </div></div></div></div><div class="footer">
      <p>Copyright <?php echo date('Y'); ?></p>
      <a href="#" class="go-up"></a>
    </div></body></html>
    
  • 静态站点生成工具方案
    若使用静态站点生成器(如Jekyll、Hugo),可以利用工具内置的时间变量:

    • Jekyll:
      </div></div></div></div><div class="footer">
        <p>Copyright {{ site.time | date: "%Y" }}</p>
        <a href="#" class="go-up"></a>
      </div></body></html>
      
    • Hugo:
      </div></div></div></div><div class="footer">
        <p>Copyright {{ now.Year }}</p>
        <a href="#" class="go-up"></a>
      </div></body></html>
      

内容的提问来源于stack exchange,提问作者CultureNim

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.04 00:30:54