如何在我的 HTML 文件中包含外部 HTML 文件？-js教程-PHP中文網

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

Mary-Kate Olsen

發布： 2024-12-17 12:45:24

原創

233 人瀏覽過

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中文網其他相關文章！