如何修改代码实现网页版权年份自动更新?
自动更新版权年份的实现方案
以下是几种无需手动修改年份的实现方式,根据你的网站技术栈选择即可:
前端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>
- Jekyll:
内容的提问来源于stack exchange,提问作者CultureNim
相关产品推荐
相关产品推荐

