Le moyen le plus court d'imprimer l'année actuelle sur un site Web

Question

Je dois mettre à jour quelques centaines de pages HTML statiques dans lesquelles la date de copyright est codée en dur dans le pied de page. Je veux la remplacer par du JavaScript qui se mettra automatiquement à jour chaque année.

Actuellement, j'utilise :

var year = new Date();document.write(year.getFullYear());

Est-ce que c'est la solution la plus courte possible ?

Answer 1

Voici la version la plus courte et la plus fiable qui fonctionne même en avant et après Jésus-Christ.

[roulements de tambour...]

document.write(Date().split` `[3])

C'est tout. 6 octets de moins que la réponse acceptée.

Si vous avez besoin de compatibilité avec ES5, vous pouvez utiliser :

document.write(Date().split(' ')[3])

Answer 2

©document.write(new Date().getFullYear());, Société.

Answer 3

Pour React.js, voici ce qui a fonctionné pour moi dans le pied de page...

render() {
    const yearNow = new Date().getFullYear();
    return (
    © Company 2015-{yearNow}
);
}

Answer 4

Selon l'audit de Chrome

Pour les utilisateurs en connexion lente, les scripts externes injectés dynamiquement via document.write() peuvent retarder le chargement de la page de plusieurs dizaines de secondes.

https://web.dev/no-document-write/?utm_source=lighthouse&utm_medium=devtools

donc, la solution sans erreurs est :

(new Date).getFullYear();

Answer 5

C'est la meilleure solution à laquelle je puisse penser qui fonctionnera avec JavaScript pur. Vous pourrez également styliser l'élément car il peut être ciblé en CSS. Il suffit d'ajouter <span id="auto-year-update"></span> à la place de l'année et elle sera automatiquement mise à jour.

//Attendre que tout soit chargé d'abord
window.addEventListener('load', () => {
    //Envelopper le code dans une IIFE 
    (function() {
        //Si votre page a un élément avec un ID de mise à jour automatique de l'année, l'élément sera renseigné avec l'année en cours.
        var date = new Date();
        if (document.querySelector("#auto-year-update") !== null) {
            document.querySelector("#auto-year-update").innerText = date.getFullYear();
        }
    })();
});