Kürzester Weg, um das aktuelle Jahr auf einer Website zu drucken

Ich muss einige hundert statische HTML-Seiten aktualisieren, deren Copyright-Datum in der Fußzeile fest codiert ist. Ich möchte es durch JavaScript ersetzen, das jedes Jahr automatisch aktualisiert wird.

Derzeit verwende ich:

<script type="text/javascript">var year = new Date();document.write(year.getFullYear());</script>

Ist das so kurz wie es nur geht?

Hier ist das kürzeste, was ich bekommen kann:

<script>document.write(new Date().getFullYear())</script>

Das funktioniert in allen Browsern, auf die ich gestoßen bin.

Wie ich dorthin gekommen bin:

• Sie können einfach getFullYeardie neu erstellte DateVariable aufrufen , ohne dass eine Variable erforderlich ist. new Date().getFullYear()mag etwas seltsam aussehen, ist aber zuverlässig: Der new Date()Teil wird zuerst erledigt, dann der .getFullYear().
• Sie können das löschen type, da JavaScript die Standardeinstellung ist. Dies ist sogar als Teil der HTML5-Spezifikation dokumentiert , die in diesem Fall wahrscheinlich aufschreibt, was Browser bereits tun.
• Sie können das Semikolon am Ende für ein zusätzliches gespeichertes Zeichen löschen, da JavaScript über eine "automatische Semikoloneinfügung" verfügt, eine Funktion, die ich normalerweise verachte und gegen die ich mich schimpfe. In diesem speziellen Anwendungsfall sollte sie jedoch sicher genug sein.

Es ist wichtig zu beachten, dass dies nur in Browsern funktioniert, in denen JavaScript aktiviert ist. Im Idealfall wird dies besser als Offline-Batch-Job ( sedSkript auf * nix usw.) einmal im Jahr behandelt. Wenn Sie jedoch die JavaScript-Lösung möchten, ist diese meiner Meinung nach so kurz wie möglich. (Jetzt bin ich gegangen und habe das Schicksal versucht.)

Die Antwort von TJ ist ausgezeichnet, aber ich bin auf ein Szenario gestoßen, in dem mein HTML bereits gerendert wurde und das Skript document.write den gesamten Seiteninhalt mit nur dem Datumsjahr überschrieb.

In diesem Szenario können Sie einen Textknoten mit dem folgenden Code an das vorhandene Element anhängen:

<div>
    &copy;
    <span id="copyright">
        <script>document.getElementById('copyright').appendChild(document.createTextNode(new Date().getFullYear()))</script>
    </span>
    Company Name
</div>

Wenn Sie in Zukunft einen Zeitrahmen mit dem aktuellen Jahr (z. B. 2017) als Startjahr angeben möchten, damit es im nächsten Jahr folgendermaßen aussieht: „© 2017-2018, Company.“, Verwenden Sie den folgenden Code . Es wird jedes Jahr automatisch aktualisiert:

&copy; Copyright 2017<script>new Date().getFullYear()>2017&&document.write("-"+new Date().getFullYear());</script>, Company.

© Copyright 2017-2018, Firma.

Wenn das erste Jahr bereits vergangen ist, kann der kürzeste Code folgendermaßen geschrieben werden:

&copy; Copyright 2010-<script>document.write(new Date().getFullYear())</script>, Company.

<script type="text/javascript">document.write(new Date().getFullYear());</script>

Die JS-Lösung funktioniert hervorragend, aber ich würde eine serverseitige Lösung empfehlen. Bei einigen der von mir überprüften Websites wurde die gesamte Seite leer und nur das Jahr wurde ab und zu angezeigt.

Der Grund dafür war das document.write, das tatsächlich über das gesamte Dokument geschrieben wurde.

Ich habe meinen Freund gebeten, eine serverseitige Lösung zu implementieren, die für ihn funktioniert hat. Der einfache Code in PHP

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

Genießen!

Hier ist die kürzeste und verantwortungsvollste Version, die sowohl für AD als auch für BC funktioniert.

[Trommelwirbel ...]

<script>document.write(Date().split` `[3])</script>

Das ist es. 6 Bytes kürzer als die akzeptierte Antwort.

Wenn Sie ES5-kompatibel sein müssen, können Sie sich mit Folgendem zufrieden geben:

<script>document.write(Date().split(' ')[3])</script>

Dies ist die beste Lösung, die ich mir vorstellen kann und die mit reinem JavaScript funktioniert. Sie können das Element auch so gestalten, wie es in CSS verwendet werden kann. Fügen Sie einfach anstelle des Jahres hinzu, und es wird automatisch aktualisiert.

//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();
        }
    })();
});

Für React.js hat Folgendes in der Fußzeile für mich funktioniert ...

render() {
    const yearNow = new Date().getFullYear();
    return (
    <div className="copyright">&copy; Company 2015-{yearNow}</div>
);
}

laut Chrom-Audit

Für Benutzer mit langsamen Verbindungen können externe Skripte, die dynamisch über injiziert werden, document.write()das Laden der Seite um mehrere zehn Sekunden verzögern.

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

Die fehlerfreie Lösung lautet also:

(new Date).getFullYear();