Bir web sitesinde mevcut yılı yazdırmanın en kısa yolu

Altbilgide sabit olarak kodlanmış telif hakkı tarihi olan birkaç yüz statik HTML sayfasını güncellemem gerekiyor. Her yıl otomatik olarak güncellenecek bazı JavaScript ile değiştirmek istiyorum.

Şu anda kullanıyorum:

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

Bu mümkün olduğunca kısa mı?

İşte alabileceğim en kısa şey:

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

Bu, karşılaştığım tüm tarayıcılarda işe yarar.

Oraya nasıl geldim:

• getFullYearDoğrudan yeni oluşturulan bir çağrı yapabilirsiniz Date, bir değişkene gerek yok. new Date().getFullYear()biraz tuhaf görünebilir, ancak güvenilir: new Date()bölüm önce yapılır, sonra .getFullYear().
• typeJavaScript'i varsayılan olarak bıraktığınız için bırakabilirsiniz ; bu, HTML5 spesifikasyonunun bir parçası olarak bile belgelenmiştir; bu, muhtemelen bu durumda tarayıcıların zaten ne yaptığını yazıyor olabilir.
• Ekstra kaydedilmiş bir karakter için noktalı virgülün sonunda bırakabilirsiniz, çünkü JavaScript'te "otomatik noktalı virgül ekleme", normalde hor gördüğüm ve korkuttuğum bir özellik vardır , ancak bu özel kullanım durumunda yeterince güvenli olmalıdır.

Bunun yalnızca JavaScript'in etkin olduğu tarayıcılarda çalıştığını belirtmek önemlidir. İdeal olarak, bu sed, yılda bir kez çevrimdışı bir toplu iş ( * nix, vb. Üzerinde komut dosyası) olarak daha iyi ele alınacaktır , ancak JavaScript çözümünü istiyorsanız, bunun olabildiğince kısa olduğunu düşünüyorum. (Şimdi gittim ve kaderi baştan çıkardım.)

TJ'nin cevabı mükemmel, ancak HTML'imin zaten oluşturulduğu ve document.write betiğinin tüm sayfa içeriğinin üzerine sadece tarih yılı ile yazacağı bir senaryoya girdim.

Bu senaryo için, aşağıdaki kodu kullanarak mevcut öğeye bir metin düğümü ekleyebilirsiniz:

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

Geleceğe bir zaman aralığı dahil etmek istiyorsanız, gelecek yıl şu yıl görünecek şekilde geçerli yıl (örneğin 2017) başlangıç ​​yılı olarak: “© 2017-2018, Company.”, Ardından aşağıdaki kodu kullanın . Her yıl otomatik olarak güncellenir:

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

© Telif Hakkı 2017-2018, Company.

Ancak, ilk yıl geçmişse, en kısa kod şu şekilde yazılabilir:

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

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

JS çözümü harika çalışıyor ama bir sunucu tarafı çözümü tavsiye ediyorum. Kontrol ettiğim sitelerin bazılarında tüm sayfanın boşlaşması ve yalnızca yılın arada bir görülmesi sorunu vardı.

Bunun nedeni oldu document.write aslında tüm belge üzerinde yazdı.

Arkadaşımdan bir sunucu tarafı çözümü uygulamasını istedim ve bu onun için çalıştı. Php basit kod

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

Zevk almak!

İşte hem AD hem de BC'de çalışan en kısa en sorumlu sürüm.

[davul ruloları ...]

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

Bu kadar. 6 Bayt kabul edilen yanıttan daha kısa.

ES5 uyumlu olmanız gerekiyorsa aşağıdakileri yapabilirsiniz:

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

Bu, saf JavaScript ile çalışacağını düşünebileceğim en iyi çözümdür. Ayrıca, öğeyi CSS'de hedeflenebileceğinden biçimlendirebilirsiniz. Sadece yıl yerine ekleyin ve otomatik olarak güncellenecektir.

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

React.js için, altbilgide benim için işe yarayan şey şudur ...

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

krom denetimine göre

Yavaş bağlantı kullanan kullanıcılar için, dinamik olarak enjekte edilen harici komut dosyaları document.write()sayfa yüklemesini on saniye geciktirebilir.

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

hatasız çözüm:

(new Date).getFullYear();