使页眉和页脚文件包含在多个html页面中。

Question

使页眉和页脚文件包含在多个html页面中。我想要创建常见的页眉和页脚页，其中包括在几个html页面。我想使用javascript。是否有一种仅使用html和JavaScript就能做到这一点的方法？我想在另一个html页面中加载一个页眉和页脚页面。

Answer 1

必须在JavaScript中使用html文件结构吗？您考虑过使用PHP来代替它，这样就可以使用简单的PHPinclude对象了吗？

如果将.html页面的文件名转换为.php，那么在每个.php页面的顶部，您可以使用一行代码来包含来自Header.php的内容。

<?php include('header.php'); ?>

在每个页面的页脚中执行相同的操作，以包含footer.php文件中的内容

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

不需要JavaScript/jQuery或其他包含的文件。

NB还可以使用.htaccess文件中的以下内容将.html文件转换为.php文件

# re-write html to phpRewriteRule ^(.*)\.html$ $1.php [L]RewriteRule ^(.+)/$ http://%{HTTP_HOST}/$1 [R=301,L]
# re-write no extension to .phpRewriteCond %{REQUEST_FILENAME} !-fRewriteRule ^([^\.]+)$ $1.php [NC,L]