首頁 >web前端 >js教程 >如何在我的 HTML 文件中包含外部 HTML 文件?

如何在我的 HTML 文件中包含外部 HTML 文件?

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-12-17 12:45:24239瀏覽

How Can I Include External HTML Files in My HTML Documents?

在HTML 中包含外部HTML 檔案

將一個HTML 檔案合併到另一個HTML 檔案中的能力是Web 開發中的一項常見要求。在 JavaServer Faces (JSF) 中,這可以使用 來實現。標籤。對於純 HTML 文件,有多種方法可以嵌入外部內容。

最流行的解決方案之一是使用jQuery庫:

a.html

<html> 
  <head> 
    <script src="jquery.js"></script> 
    <script> 
    $(function() {
      $("#includedContent").load("b.html"); 
    });
    </script> 
  </head> 

  <body> 
     <div>

b.html

<p>This is my include file.</p>

在這種方法中,jQuery 的 . load() 方法將「b.html」的內容非同步載入到

中。在「a.html」中 ID 為「includedContent」的元素。這提供了一種簡單乾淨的方法來包含外部 HTML 內容,而無需修改原始檔案。

有關 .load() 方法的更多信息,請參閱 jQuery 文件。

以上是如何在我的 HTML 文件中包含外部 HTML 文件?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn