根据chrome审核

对于连接速度慢的用户，动态注入外部脚本 通过document.write()可以延迟页面加载数十秒。 https://web.dev/no-document-write/?utm_source=lighthouse&utm_medium=devtools

所以没有误差的解是:

(new Date).getFullYear();

使用document.write不是一个好的实践。你可以了解更多关于文档的信息。按这里写。下面是一个比较友好的JavaScript解决方案。是的，有关于InnerHTML有多糟糕的研究，正在研究一个更友好的解决方案。

document.getElementById("year").innerHTML = (new Date().getFullYear());

↑JavaScript

↓ 网页

<p>Company &copy; <span id="year"></span> All Rights Reserved.</p>

这里有一个JSFiddle来测试它。比起JavaScript，我个人更推荐用PHP写今年的，用PHP比JavaScript安全得多。

<?php echo date("Y"); ?>

上述专家提供了很多解决这个问题的方法。下面的解决方案可以使用，这将不会阻塞页面渲染，甚至不会重新触发它。

在纯Javascript中:

窗口。addEventListener(“负载”,( 函数(){ . getelementbyid(“copyright-year”).appendChild ( document.createTextNode ( 新日期().getFullYear () ） ）; ｝ )); < div >软件是< span id = " copyright-year " > < / span > < / div >

jQuery:

$(文档)时函数(){ . getelementbyid(“copyright-year”).appendChild ( document.createTextNode ( 新日期().getFullYear () ） ）; })； < script src = " https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js " > < /脚本> < div >软件是< span id = " copyright-year " > < / span > < / div >

> < div >是<脚本文件。</script>， Company. write(new Date(). getfullyear ()); < / div >

如果你在你的网站上多次需要当前年份，你可以这样做:

document.querySelectorAll(“copy-year”)。forEach(el => { 埃尔。textContent = ' ${el。textContent} - ${new Date().getFullYear()} '; })； 版权所有公司<copy-year>1234</copy-year>©

我知道，这不是最短的方法，但它真的很有效。

PS:你需要有JS在你的页面底部或使用延迟属性的脚本标签。

这是我能想到的使用纯JavaScript的最佳解决方案。您还可以在CSS中为元素设置目标样式。只要把年份加进去，它就会自动更新。

//Wait for everything to load first
window.addEventListener('load', () => {
    //Wrap code in IIFE 
    (function() {
        //If your page has an element with ID of auto-year-update the element will be populated with the current year.
        var date = new Date();
        if (document.querySelector("#auto-year-update") !== null) {
            document.querySelector("#auto-year-update").innerText = date.getFullYear();
        }
    })();
});