Question

我想在其他页面中包含html页面例如，页面和页脚页面我想在主页中包含页脚页面当运行home.html和Ctrl u查看源代码时，两个页面代码都将是想表现出来请帮我在此先感谢

Answer 1

你好，据我所知你可以用jquery来做：

<强> Home.html中

<html> 
  <head> 
    <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
    <script> 
    $(function(){
      $("#includedFooterContent").load("footer.html"); 
    });
    </script> 
  </head> 

  <body> 
     <div id="includedFooterContent"></div>
  </body> 
</html>

希望它能奏效：）

Answer 2

使用PHP

您可以创建home.html文件，并可以使用以下php代码包含您的页脚。使用此功能，您可以在查看页面源时查看home.html和footer.html代码

  <?php include("footer.php");?>

使用jquery

您也可以使用jQuery执行此操作，使用以下代码。 home.html将有

  <!DOCTYPE html>
  <html>
  <body>
  <div id="footer"> 
  <iframe src="footer.html">
    <p> Footer text</p>
  </iframe>
  </div>
  </body>
  </html>

  <script> 
      $(function(){
          $('#footer').load("footer.html"); 
      });
  </script>

如何在另一个中包含html页面

2 个答案: