Question

很抱歉，如果我的问题很琐碎，我是一个初学者，并且不确定如何解决此问题。

我正在写一个博客，在页面顶部有一个MENU栏。由于我不想更新每个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>

Answer 1

将菜单构建为PHP文件，然后使用包含功能将其拉入：

<?php include("/yourMenu.php"); ?>

就这么简单。更改/yourMenu.php将在每个页面上对其进行更改。希望有帮助！

如何将相同的<div>（包含菜单）插入所有其他html页面？

1 个答案: