วิธีที่สั้นที่สุดในการพิมพ์ปีปัจจุบันในเว็บไซต์

ฉันต้องอัปเดตหน้า HTML คงที่จำนวนไม่กี่ร้อยหน้าที่มีวันที่ลิขสิทธิ์กำหนดไว้อย่างหนักในส่วนท้าย ฉันต้องการแทนที่ด้วย JavaScript บางตัวที่จะอัปเดตโดยอัตโนมัติในแต่ละปี

ขณะนี้ฉันกำลังใช้:

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

นี่มันสั้นไปไหม

นี่คือสั้นที่สุดที่ฉันจะได้รับ:

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

สิ่งนี้จะใช้ได้กับเบราว์เซอร์ทั้งหมดที่ฉันใช้งาน

ฉันไปถึงที่นั่นได้อย่างไร:

• คุณสามารถโทรgetFullYearโดยตรงไปยังที่เพิ่งสร้างDateใหม่ไม่จำเป็นต้องมีตัวแปร new Date().getFullYear()อาจจะดูแปลกสักหน่อย แต่ก็มีความน่าเชื่อถือคือส่วนหนึ่งจะทำครั้งแรกแล้วnew Date().getFullYear()
• คุณสามารถปล่อยได้typeเนื่องจาก JavaScript เป็นค่าเริ่มต้น นี่เป็นเอกสารที่เป็นส่วนหนึ่งของข้อกำหนด HTML5ซึ่งในกรณีนี้น่าจะเขียนสิ่งที่เบราว์เซอร์ทำอยู่แล้ว
• คุณสามารถวางเครื่องหมายอัฒภาคในตอนท้ายสำหรับอักขระพิเศษที่บันทึกไว้หนึ่งตัวเนื่องจาก JavaScript มี "การแทรกเครื่องหมายอัฒภาคอัตโนมัติ" ซึ่งโดยทั่วไปฉันจะดูถูกและแยกคุณลักษณะแต่ในกรณีการใช้งานนี้โดยเฉพาะควรปลอดภัยพอ

เป็นสิ่งสำคัญที่จะต้องทราบว่าสิ่งนี้ใช้ได้กับเบราว์เซอร์ที่เปิดใช้งาน JavaScript เท่านั้น จะเป็นการดีกว่านี้จะได้รับการจัดการที่ดีขึ้นเป็นงานแบทช์ออฟไลน์ ( sedสคริปต์บน * ห้าม ฯลฯ ) ปีละครั้ง แต่ถ้าคุณต้องการโซลูชัน JavaScript ฉันคิดว่ามันสั้นที่สุดเท่าที่จะทำได้ (ตอนนี้ฉันได้จากไปแล้วและล่อลวงชะตากรรม)

คำตอบของ TJ นั้นยอดเยี่ยม แต่ฉันวิ่งเข้าไปในสถานการณ์หนึ่งที่ HTML ของฉันถูกเรนเดอร์แล้วและสคริปต์ document.write จะเขียนทับเนื้อหาทั้งหมดของหน้าเว็บด้วยวันปีที่

สำหรับสถานการณ์นี้คุณสามารถผนวกโหนดข้อความต่อท้ายองค์ประกอบที่มีอยู่โดยใช้รหัสต่อไปนี้:

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

หากคุณต้องการรวมกรอบเวลาในอนาคตกับปีปัจจุบัน (เช่น 2017) เป็นปีเริ่มต้นเพื่อให้ปีถัดไปมันจะปรากฏดังนี้:“ © 2017-2018, บริษัท ” จากนั้นใช้รหัสต่อไปนี้ . มันจะอัปเดตโดยอัตโนมัติในแต่ละปี:

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

©ลิขสิทธิ์ 2017-2018 บริษัท

แต่ถ้าปีแรกผ่านไปแล้วรหัสที่สั้นที่สุดสามารถเขียนได้ดังนี้

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

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

โซลูชัน JS ใช้งานได้ดี แต่ฉันจะให้คำแนะนำเกี่ยวกับโซลูชันฝั่งเซิร์ฟเวอร์ บางเว็บไซต์ที่ฉันตรวจสอบมีปัญหาว่าหน้าทั้งหน้าจะว่างเปล่าและมีเพียงปีที่จะเห็นเป็นครั้งคราว

สาเหตุของเรื่องนี้คือdocument.writeเขียนทับเอกสารทั้งหมดจริง ๆ

ฉันขอให้เพื่อนของฉันใช้โซลูชันฝั่งเซิร์ฟเวอร์และมันก็ใช้งานได้สำหรับเขา รหัสง่าย ๆ ใน PHP

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

สนุก!

นี่เป็นเวอร์ชั่นที่สั้นที่สุดที่มีความรับผิดชอบมากที่สุดแม้กระทั่งใช้ได้ทั้งโฆษณาและ BC

[กลองม้วน ... ]

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

แค่นั้นแหละ. 6 ไบต์สั้นกว่าคำตอบที่ยอมรับ

หากคุณต้องการใช้งานร่วมกับ ES5 ได้คุณสามารถชำระ:

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

นี่เป็นทางออกที่ดีที่สุดที่ฉันสามารถคิดได้ว่าจะใช้งานได้กับ 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();
        }
    })();
});

สำหรับ React.js ต่อไปนี้เป็นสิ่งที่ใช้ได้ผลกับฉันในส่วนท้าย ...

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

ตามการตรวจสอบโครเมี่ยม

สำหรับผู้ใช้ในการเชื่อมต่อที่ช้าสคริปต์ภายนอกจะทำการแทรกผ่านทางไดนามิก document.write()สามารถหน่วงเวลาโหลดหน้าเว็บได้สิบวินาที

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

ดังนั้นการแก้ปัญหาโดยไม่มีข้อผิดพลาดคือ:

(new Date).getFullYear();