如何将相同的 <div> （包含我的菜单）插入所有其他 html 页面？
Posted
技术标签:
【中文标题】如何将相同的 <div> （包含我的菜单）插入所有其他 html 页面？【英文标题】：How do I insert the same <div> (which contains my menu) into all other html pages? 【发布时间】：2020-01-04 23:18:32 【问题描述】：对不起，如果我的问题很琐碎，我是初学者，不太清楚如何解决这个问题。
我正在写一个在页面顶部有一个菜单栏的博客。由于我不想更新每个 html 页面上的所有菜单，我希望从不同的 html 页面获取包含我的菜单。
我曾尝试使用 iframe 或框架集，但不幸的是，它们会在底部切断我的下拉菜单。这意味着我要么必须删除这些框架，要么制作一个足够大的框架以容纳下拉菜单，但这会将页面的其余部分压扁。此外，如果我单击任何菜单选项，将更新的页面将是框架本身：|。
因此我想知道是否可以将一小部分预先存在的代码调用到 html 文件中？我也尝试过 JQuery 的 .load() 函数，但即使是简单的教程似乎也不适合我。
有谁知道将 div 导入 html 文件的方法，或者让我的 .load() 函数工作的方法？我已经添加了我在下面使用的 .load() 教程。
包含 DIV 的页面
<html>
<head>
</head>
<body>
<p>This is demo text.<p>
</body>
</html>
接收 DIV 的页面
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function()
$('#content').load("new.html");
);
</script>
</head>
<body>
<div id="content"></div>
</body>
</html>
【问题讨论】：
它是 php 网站吗？ 【参考方案1】：将菜单构建为 PHP 文件，然后使用包含函数将其拉入：
<?php include("/yourMenu.php"); ?>
就这么简单。更改 /yourMenu.php 将在每个页面上更改它。希望对您有所帮助！
【讨论】：
以前从未尝试过 PHP，但我会试一试。感谢您的宝贵时间！以上是关于如何将相同的 <div> （包含我的菜单）插入所有其他 html 页面？的主要内容，如果未能解决你的问题，请参考以下文章