Javascript 如何将相同的(包含我的菜单)插入所有其他html页面?
对不起,如果我的问题是琐碎的,我是一个初学者,不太确定如何解决这个问题 我正在写一个在页面顶部有一个菜单栏的博客。因为我不想更新每个html页面上的所有菜单,所以我希望从不同的html页面获取包含我的菜单的源代码 我曾尝试使用iframe或frameset,但不幸的是,它们会将我的下拉菜单从底部删除。这意味着我要么删除它们,要么使一个框架大到足以容纳下拉列表,但这将压垮页面的其余部分。此外,如果单击任何菜单选项,将更新的页面将是框架本身:| 因此,我想知道是否可以将一小部分预先存在的代码调用到html文件中?我也尝试过JQuery的.load函数,但即使是简单的教程似乎也不适合我 有人知道如何将div导入html文件,或者如何让my.load函数工作吗?我添加了下面使用的.load教程 包含DIV的页面Javascript 如何将相同的(包含我的菜单)插入所有其他html页面?,javascript,jquery,html,css,menu,Javascript,Jquery,Html,Css,Menu,对不起,如果我的问题是琐碎的,我是一个初学者,不太确定如何解决这个问题 我正在写一个在页面顶部有一个菜单栏的博客。因为我不想更新每个html页面上的所有菜单,所以我希望从不同的html页面获取包含我的菜单的源代码 我曾尝试使用iframe或frameset,但不幸的是,它们会将我的下拉菜单从底部删除。这意味着我要么删除它们,要么使一个框架大到足以容纳下拉列表,但这将压垮页面的其余部分。此外,如果单击任何菜单选项,将更新的页面将是框架本身:| 因此,我想知道是否可以将一小部分预先存在的代码调用到h
<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文件,然后使用include函数将其拉入:
<?php include("/yourMenu.php"); ?>
就这么简单。更改/yourMenu.php将在每个页面上更改它。希望有帮助 这是一个PHP网站吗?以前从未尝试过PHP,但我会尝试一下。谢谢你抽出时间!