Question

我有一个HTML文件，这只是我的页脚。如何在另一个文件中使用它？我需要使用php吗？

我正在寻找这样的东西：

<section>
<p>site content</p>
</section>

<?php footer html from a different file goes here ?>

这包括我要从中获取html的文件标题中引用的样式和javascript吗？

谢谢！

Answer 1

现在，当您访问index.html时，您应该可以单击链接标记。

IN HTML

<html>
<head>
<title></title>
<script
    src="https://code.jquery.com/jquery-3.3.1.js"
    crossorigin="anonymous">
</script>
<script> 
$(function(){
  $("#header").load("header.html"); 
  $("#footer").load("footer.html"); 
});
</script> 
</head>
<body>
<div id="header"></div>
<!--Remaining section-->
<div id="footer"></div>
</body>
</html>

IN PHP

<html>
<head>
<title></title>
</head>
<body>
<?php include('header.php'); ?>
<!--Remaining section-->
<?php include('footer.php'); ?>
</body>
</html>

Answer 2

If you are using PHP you can require you can find more about it here.
If you don't want to use PHP you will have to use AJAX.
Example :

$.ajax({
    url: "yourHTMLFile.html",
    dataType: "html",
    success: function(data) {
     $("body").html(data);
    }
});

如何使用另一个文件中的html？

2 个答案: