Html 向多个页面添加菜单
我已经使用CSSMenueMaker创建了一个菜单，我收到了以下消息： index.html script.js styles.css 我正在寻找最简单的方法将这些添加到我的所有页面中。到目前为止，我有100多个页面，我希望避免将index.html中的代码放入每个页面 目前有如下内容： 头 /UL>Html 向多个页面添加菜单,html,css,menu,Html,Css,Menu,我已经使用CSSMenueMaker创建了一个菜单，我收到了以下消息： index.html script.js styles.css 我正在寻找最简单的方法将这些添加到我的所有页面中。到目前为止，我有100多个页面，我希望避免将index.html中的代码放入每个页面 目前有如下内容： 头 /UL> 希望引用中的部分并从一个位置加载菜单，以便于以后编辑。有许多不同的方法 对于纯PHP 对于没有PHP的纯HTML 由于它是一个内部网站，我认为seo不是一个问题，因此您可以将菜单仅保留在一个htm
希望引用中的部分并从一个位置加载菜单，以便于以后编辑。有许多不同的方法 对于纯PHP 对于没有PHP的纯HTML
由于它是一个内部网站，我认为seo不是一个问题，因此您可以将菜单仅保留在一个html文件中，并使用xhr将其包括在内：
<script>
var xhr = new XMLHttpRequest();
xhr.onload = function(e) {
document.write(xhr.responseText);
}
xhr.open("GET", 'menu.html', true);
xhr.send();
</script>
在您希望菜单的每个页面上都包含此内容。我建议使用PHP对此问题进行排序
<?php
require "menu.php";
?>
<!DOCTYPE html>
<html>
<body>
<?php echo $menu;?>
//Other page code here
</body>
</html>
<?php
$menu = "
//Menu Code Here
";
?>
通过这种方式，您可以通过编辑menu.php随时轻松更改菜单。您是在开发基于php的网站还是基于html的网站。？html，只是开发一个内部网站，以使我们公司的所有信息更容易访问。我在下面添加了答案检查一下。我已经完成了这项工作，只需将上面的代码复制并粘贴到我想要菜单的位置。我对包含代码的html进行了另存为，并将其命名为menu.html。它与页面位于同一文件夹中。该菜单未出现在页面上。我应该在菜单中放些东西吗？html应该不仅包含菜单的html部分，还需要在头部包含.css，在上面的代码后面包含.js。如果需要，还要确保生成的css和js使用的类、ID和dom树在您自己的html中存在。如果仍然没有显示，请查看浏览器的“网络”选项卡，并查看xhr以确定该方法是否正确。注意：仅为一个方法加载整个框架几乎总是一个坏主意。除了忽略问题下的注释外，您还复制了Gold Pearl的答案，尽管效果很差
< ?php include 'header.php'; ?>
<br/>
Your content here
<br/>
< ?php include 'footer.php'; ?>
<html>
<head>
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
</head>
<body>
<div id="header"></div>
<br/>
Your content here
<br/>
<div id="footer"></div>
<script>
$("#header").load("header.html");
$("#footer").load("footer.html");
</script>
</body>
</html>
<script>
var xhr = new XMLHttpRequest();
xhr.onload = function(e) {
document.write(xhr.responseText);
}
xhr.open("GET", 'menu.html', true);
xhr.send();
</script>
<?php
require "menu.php";
?>
<!DOCTYPE html>
<html>
<body>
<?php echo $menu;?>
//Other page code here
</body>
</html>
<?php
$menu = "
//Menu Code Here
";
?>