如何在我的 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中文网其他相关文章！