วิธีการรวม HTML ในเอกสารจำนวนมากโดยใช้ JavaScript

หากคุณต้องการคัดลอกเนื้อหาเดียวกันในหลาย ๆ หน้าในไซต์ของคุณด้วย HTML คุณจะต้องคัดลอกและวางเนื้อหานั้นด้วยตัวเอง แต่ด้วย JavaScript คุณสามารถรวมตัวอย่างโค้ดโดยไม่ต้องใช้สคริปต์เซิร์ฟเวอร์ใด ๆ

นี่คือสิ่งที่คุณต้องการ

เวลาที่ต้องการ: 15 นาที

ต่อไปนี้เป็นอย่างไร

1. เขียน HTML ที่คุณต้องการจะทำซ้ำและบันทึกลงในไฟล์ที่แยกต่างหาก
   1. ฉันต้องการบันทึกไฟล์ที่รวมไว้ในไดเร็กทอรีแยกกันโดยปกติจะมี "รวม" ด้วย ฉันจะบันทึกข้อมูลลิขสิทธิ์ของฉันไว้ในไฟล์รวมดังนี้: includes / copyright.js
2. เนื่องจาก HTML ไม่ใช่ JavaScript คุณจึงต้องเพิ่มเอกสาร JS ลงในทุกบรรทัด document.write ("ลิขสิทธิ์เจนนิเฟอร์ Kyrnin 1992");
3. เปิดเว็บเพจที่คุณต้องการรวมไฟล์ไว้เพื่อแสดง
4. ค้นหาตำแหน่งใน HTML ที่ไฟล์รวมควรแสดงและวางโค้ดต่อไปนี้ที่นั่น:
5. เปลี่ยนพา ธ และ ชื่อไฟล์ เพื่อให้สอดคล้องกับตำแหน่งไฟล์ของคุณ
6. เพิ่มรหัสเดียวกันในทุกๆหน้าที่คุณต้องการให้ข้อมูลลิขสิทธิ์ของคุณ
7. เมื่อข้อมูลลิขสิทธิ์เปลี่ยนแปลงแก้ไขไฟล์ copyright.js เมื่อคุณอัปโหลดแล้วจะมีการเปลี่ยนแปลงในทุกๆหน้าในไซต์ของคุณ

เคล็ดลับ

1. อย่าลืม document.write ในทุกบรรทัดของ HTML ในไฟล์ js มิฉะนั้นจะไม่ทำงาน
2. คุณสามารถรวม HTML หรือข้อความไว้ในไฟล์ JavaScript รวมได้ ทุกสิ่งที่สามารถเข้าไปในไฟล์ HTML มาตรฐานสามารถไปที่ไฟล์ JavaScript รวมได้
3. คุณสามารถใส่ JavaScript ได้ทุกที่ในเอกสาร HTML ของคุณรวมทั้งหัว
4. เอกสารเว็บเพจจะไม่แสดง HTML ที่รวมเฉพาะการเรียกใช้สคริปต์ JavaScript เท่านั้น