Cách ngắn nhất để in năm hiện tại trong một trang web

Tôi cần cập nhật vài trăm trang HTML tĩnh có ngày bản quyền được mã hóa cứng ở chân trang. Tôi muốn thay thế nó bằng một số JavaScript sẽ tự động cập nhật mỗi năm.

Hiện tại tôi đang sử dụng:

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

Đây có phải là ngắn như nó được?

Đây là ngắn nhất tôi có thể nhận được nó:

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

Điều đó sẽ hoạt động trong tất cả các trình duyệt tôi đã chạy qua.

Làm thế nào tôi đến đó:

• Bạn chỉ có thể gọi getFullYeartrực tiếp trên mới được tạo Date, không cần một biến. new Date().getFullYear()có thể trông hơi kỳ lạ, nhưng nó đáng tin cậy: new Date()phần được thực hiện trước, sau đó là .getFullYear().
• Bạn có thể bỏ type, vì JavaScript là mặc định; điều này thậm chí còn được ghi nhận như là một phần của đặc tả HTML5 , có khả năng trong trường hợp này là viết lên những gì trình duyệt đã làm.
• Bạn có thể bỏ dấu chấm phẩy ở cuối cho một ký tự được lưu thêm, bởi vì JavaScript có "chèn dấu chấm phẩy tự động", một tính năng tôi thường coi thường và chống lại, nhưng trong trường hợp sử dụng cụ thể này, nó đủ an toàn.

Điều quan trọng cần lưu ý là điều này chỉ hoạt động trên các trình duyệt có bật JavaScript. Lý tưởng nhất, điều này sẽ được xử lý tốt hơn như một công việc hàng loạt ngoại tuyến (sed tập lệnh trên * nix, v.v.) mỗi năm một lần, nhưng nếu bạn muốn giải pháp JavaScript, tôi nghĩ rằng nó ngắn như vậy. (Bây giờ tôi đã đi và cám dỗ số phận.)

Câu trả lời của TJ là tuyệt vời nhưng tôi đã chạy vào một kịch bản trong đó HTML của tôi đã được hiển thị và tập lệnh document.write sẽ ghi đè lên tất cả các nội dung trang chỉ với năm ngày.

Đối với kịch bản này, bạn có thể nối một nút văn bản vào phần tử hiện có bằng mã sau:

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

Nếu bạn muốn bao gồm khung thời gian trong tương lai, với năm hiện tại (ví dụ: 2017) là năm bắt đầu để năm sau nó sẽ xuất hiện như sau: © © 2017-2018, Company., Sau đó sử dụng mã sau . Nó sẽ tự động cập nhật mỗi năm:

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

© Bản quyền 2017-2018, Công ty.

Nhưng nếu năm đầu tiên đã trôi qua, mã ngắn nhất có thể được viết như thế này:

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

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

Giải pháp JS hoạt động rất tốt nhưng tôi sẽ tư vấn về giải pháp phía máy chủ. Một số trang web tôi đã kiểm tra có vấn đề này của toàn bộ trang bị trống và chỉ thỉnh thoảng mới thấy một năm.

Lý do cho điều này là document.write thực sự đã viết trên toàn bộ tài liệu.

Tôi đã yêu cầu bạn tôi thực hiện một giải pháp phía máy chủ và nó đã làm việc cho anh ta. Mã đơn giản trong php

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

Thưởng thức!

Đây là phiên bản ngắn nhất có trách nhiệm nhất, thậm chí hoạt động cả AD và BC.

[trống cuộn ...]

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

Đó là nó. 6 byte ngắn hơn câu trả lời được chấp nhận.

Nếu bạn cần tương thích ES5, bạn có thể giải quyết:

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

Đây là giải pháp tốt nhất tôi có thể nghĩ rằng nó sẽ hoạt động với JavaScript thuần. Bạn cũng sẽ có thể định kiểu phần tử vì nó có thể được nhắm mục tiêu trong CSS. Chỉ cần thêm vào vị trí của năm và nó sẽ tự động được cập nhật.

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

Đối với React.js, sau đây là những gì làm việc cho tôi ở phần chân trang ...

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

theo kiểm toán chrome

Đối với người dùng trên các kết nối chậm, các tập lệnh bên ngoài được chèn động qua document.write()có thể trì hoãn tải trang hàng chục giây.

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

Vì vậy, giải pháp không có lỗi là:

(new Date).getFullYear();