Najkrótszy sposób na wydrukowanie bieżącego roku na stronie internetowej

Muszę zaktualizować kilkaset statycznych stron HTML, których data praw autorskich jest zapisana w stopce. Chcę zastąpić go JavaScriptem, który będzie aktualizowany co roku.

Obecnie używam:

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

Czy to jest tak krótkie, jak to możliwe?

Oto najkrótsza możliwa do uzyskania:

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

To zadziała we wszystkich przeglądarkach, z którymi się zetknąłem.

Jak się tam dostałem:

• Możesz po prostu zadzwonić getFullYearbezpośrednio do nowo utworzonego Date, bez potrzeby wprowadzania zmiennej. new Date().getFullYear()może wyglądać nieco dziwnie, ale jest wiarygodny: new Date()część jest wykonywana najpierw, a następnie .getFullYear().
• Możesz upuścić type, ponieważ JavaScript jest domyślny; jest to nawet udokumentowane jako część specyfikacji HTML5 , która prawdopodobnie w tym przypadku zapisuje to, co przeglądarki już robią.
• Możesz upuścić średnik na końcu dla jednego dodatkowego zapisanego znaku, ponieważ JavaScript ma „automatyczne wstawianie średnika”, cechę, której zwykle nie znoszę i której się przeciwstawiam, ale w tym konkretnym przypadku powinien być wystarczająco bezpieczny.

Należy pamiętać, że działa to tylko w przeglądarkach z włączoną obsługą JavaScript. Najlepiej byłoby, gdyby sedraz w roku lepiej było to traktować jako zadanie wsadowe offline ( skrypt na * nix itp.), Ale jeśli potrzebujesz rozwiązania JavaScript, myślę, że jest tak krótki, jak to możliwe. (Teraz odszedłem i kusiłem los.)

Odpowiedź TJ jest doskonała, ale wpadłem na jeden scenariusz, w którym mój kod HTML został już zrenderowany, a skrypt document.write zastąpiłby całą zawartość strony tylko datą roku.

W tym scenariuszu możesz dołączyć węzeł tekstowy do istniejącego elementu, używając następującego kodu:

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

Jeśli chcesz uwzględnić ramy czasowe w przyszłości, z bieżącym rokiem (np. 2017) jako rokiem początkowym, aby w przyszłym roku wyglądało to tak: „© 2017-2018, Company.”, Użyj następującego kodu . Będzie się automatycznie aktualizować co roku:

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

© Copyright 2017-2018, Firma.

Ale jeśli minął już pierwszy rok, najkrótszy kod można zapisać w następujący sposób:

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

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

Rozwiązanie JS działa świetnie, ale doradziłbym rozwiązanie po stronie serwera. W niektórych witrynach, które sprawdziłem, problem z całą stroną był pusty, a od czasu do czasu pojawiał się tylko rok.

Powodem tego był document.write, który faktycznie napisał cały dokument.

Poprosiłem mojego przyjaciela o wdrożenie rozwiązania po stronie serwera i to zadziałało dla niego. Prosty kod w php

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

Cieszyć się!

Oto najkrótsza, najbardziej odpowiedzialna wersja, która działa nawet w trybie AD i BC.

[rolki bębna ...]

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

Otóż ​​to. 6 bajtów krótszych niż zaakceptowana odpowiedź.

Jeśli potrzebujesz zgodności z ES5, możesz zadowolić się:

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

To najlepsze rozwiązanie, jakie mogę wymyślić, będzie działać z czystym JavaScript. Będziesz także mógł stylizować element, ponieważ może być celem CSS. Wystarczy dodać w miejsce roku, a zostanie on automatycznie zaktualizowany.

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

W przypadku React.js w stopce zadziałało:

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

według audytu chrome

Dla użytkowników korzystających z wolnych połączeń skrypty zewnętrzne wprowadzane dynamicznie za pośrednictwem document.write()mogą opóźnić ładowanie strony o kilkadziesiąt sekund.

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

więc rozwiązaniem bez błędów jest:

(new Date).getFullYear();