Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/438.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将相同的(包含我的菜单)插入所有其他html页面?_Javascript_Jquery_Html_Css_Menu - Fatal编程技术网

Javascript 如何将相同的(包含我的菜单)插入所有其他html页面?

Javascript 如何将相同的(包含我的菜单)插入所有其他html页面?,javascript,jquery,html,css,menu,Javascript,Jquery,Html,Css,Menu,对不起,如果我的问题是琐碎的,我是一个初学者,不太确定如何解决这个问题 我正在写一个在页面顶部有一个菜单栏的博客。因为我不想更新每个html页面上的所有菜单,所以我希望从不同的html页面获取包含我的菜单的源代码 我曾尝试使用iframe或frameset,但不幸的是,它们会将我的下拉菜单从底部删除。这意味着我要么删除它们,要么使一个框架大到足以容纳下拉列表,但这将压垮页面的其余部分。此外,如果单击任何菜单选项,将更新的页面将是框架本身:| 因此,我想知道是否可以将一小部分预先存在的代码调用到h

对不起,如果我的问题是琐碎的,我是一个初学者,不太确定如何解决这个问题

我正在写一个在页面顶部有一个菜单栏的博客。因为我不想更新每个html页面上的所有菜单,所以我希望从不同的html页面获取包含我的菜单的源代码

我曾尝试使用iframe或frameset,但不幸的是,它们会将我的下拉菜单从底部删除。这意味着我要么删除它们,要么使一个框架大到足以容纳下拉列表,但这将压垮页面的其余部分。此外,如果单击任何菜单选项,将更新的页面将是框架本身:|

因此,我想知道是否可以将一小部分预先存在的代码调用到html文件中?我也尝试过JQuery的.load函数,但即使是简单的教程似乎也不适合我

有人知道如何将div导入html文件,或者如何让my.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文件,然后使用include函数将其拉入:

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

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

这是一个PHP网站吗?以前从未尝试过PHP,但我会尝试一下。谢谢你抽出时间!