Bagaimanakah Saya Boleh Memasukkan Fail HTML Luaran dalam Dokumen HTML Standard?

Termasuk Fail HTML Luaran dalam Dokumen HTML

Dalam pembangunan web, selalunya perlu membenamkan satu fail HTML dalam yang lain. Teknik ini membolehkan penggunaan semula kod dan penyelenggaraan laman web yang kompleks dengan lebih mudah. Walaupun JavaServer Faces (JSF) menyediakan cara yang mudah untuk memasukkan fail dengan , penyelesaian yang serupa diperlukan untuk dokumen HTML standard.

Satu pendekatan berkesan melibatkan penggunaan jQuery, perpustakaan JavaScript yang popular. Dengan memasukkan jQuery ke dalam fail HTML, ia menjadi mungkin untuk memuatkan dan memasukkan kandungan fail HTML lain secara dinamik.

Penyelesaian menggunakan jQuery:

Dalam fail a.html , sertakan perpustakaan jQuery dan tulis kod JavaScript berikut:

$(function(){
  $("#includedContent").load("b.html"); 
});

Kod ini mencipta jQuery fungsi yang mencari elemen dengan ID "includedContent" dan memuatkan kandungan "b.html" secara dinamik ke dalam elemen tersebut.

Dalam fail b.html, letakkan kandungan yang akan disertakan. Contohnya:

<p>This is my included file</p>

Apabila fail a.html dimuatkan dalam penyemak imbas, fungsi jQuery akan secara automatik mengambil kandungan b.html dan memasukkannya ke dalam elemen yang ditentukan. Ini menyediakan penyelesaian yang bersih dan serba boleh untuk memasukkan fail HTML luaran.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memasukkan Fail HTML Luaran dalam Dokumen HTML Standard?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!