ปัญหาหลักเกี่ยวกับการอัปเดตปีลิขสิทธิ์อัตโนมัติใน HTML คือการดูแลรักษาให้เป็นปัจจุบันได้ยาก หากโค้ดไม่ได้รับการดูแลอย่างถูกต้อง ปีลิขสิทธิ์อาจล้าสมัยหรือไม่ถูกต้อง นอกจากนี้ หากเว็บไซต์ได้รับการปรับปรุงหรือออกแบบใหม่ โค้ดที่อัปเดตอัตโนมัติใดๆ อาจต้องปรับใช้ใหม่เพื่อให้ทำงานได้อย่างถูกต้องต่อไป
<p>Copyright © <script>document.write(new Date().getFullYear());</script> All Rights Reserved.</p>
1. รหัสบรรทัดนี้ขึ้นต้นด้วยสัญลักษณ์ลิขสิทธิ์และคำว่า "ลิขสิทธิ์"
2. ส่วนถัดไปของรหัสคือ
สามารถใช้แท็กปีลิขสิทธิ์เพื่ออัปเดตปีโดยอัตโนมัติเมื่อมีการเปลี่ยนแปลง สิ่งนี้ทำได้โดยใช้ JavaScript เพื่อตั้งค่าขององค์ประกอบ span ด้วยรหัส "copyrightYear" เป็นปีปัจจุบัน ตัวอย่างเช่น:
วันที่ลิขสิทธิ์บนเว็บไซต์ไม่สำคัญใน HTML โดยทั่วไปจะใช้เพื่อแสดงอายุของเว็บไซต์หรือเวลาที่อัปเดตครั้งล่าสุด วันที่ลิขสิทธิ์สามารถรวมอยู่ใน HTML ได้ แต่ไม่จำเป็นและไม่ส่งผลต่อการทำงานของเพจ
1. สร้างฟังก์ชัน JavaScript ที่จะอัปเดตปีลิขสิทธิ์ ฟังก์ชันควรใช้ปีปัจจุบันเป็นอาร์กิวเมนต์และส่งกลับปีลิขสิทธิ์ที่อัปเดต
2. เพิ่มองค์ประกอบ HTML ในหน้าของคุณที่จะมีปีลิขสิทธิ์ เช่น a or
. กำหนดแอตทริบิวต์ id เพื่อให้คุณสามารถอ้างอิงได้อย่างง่ายดายในโค้ด JavaScript ของคุณ
3. รวมแท็กสคริปต์ในเอกสาร HTML ของคุณที่ลิงก์ไปยังไฟล์ JavaScript ที่มีฟังก์ชันที่คุณสร้างขึ้นในขั้นตอนที่ 1
4. ในแท็กสคริปต์เดียวกัน เรียกใช้ฟังก์ชันที่คุณสร้างในขั้นตอนที่ 1 และส่งผ่านปีปัจจุบันเป็นอาร์กิวเมนต์ จากนั้นตั้งค่า innerHTML ขององค์ประกอบ HTML จากขั้นตอนที่ 2 ให้เท่ากับค่าที่ส่งคืนจากการเรียกใช้ฟังก์ชันนี้
5. สุดท้าย เพิ่มตัวฟังเหตุการณ์ onload ของหน้าต่างเพื่อเรียกใช้ฟังก์ชัน JavaScript เดียวกันนี้เมื่อโหลดหน้าเว็บ เพื่อให้เมื่อใดก็ตามที่มีคนเยี่ยมชมเว็บไซต์ของคุณ พวกเขาจะเห็นปีลิขสิทธิ์ล่าสุด!