9

我很难找到这个，因为我不知道如何调用它。

我将尝试描述我想要的过程，看看你们中是否有人知道这样的编辑器。我有一个网站，其中重复了相同的 html 组件，例如菜单。我可以用 css 定义菜单的外观，但我不能（据我所知）用简单的一行将同一段 html 添加到每个 html 页面。我所做的是将菜单复制到每个地方。如果我改变菜单，我需要再做一遍。我知道这可以通过使用动态服务器来实现，例如 php 或 jsp，但我不需要它是动态的。

我想知道是否有办法做到这一点。我想可能有一个编辑器，我可以在其中使用包含编辑 html，然后在修改后“编译”html，以生成我将在我的服务器上替换的 html。

谢谢

4

4 回答 4

5

看看服务器端包含...创建一个menu.shtml页面，然后像这样包含它：

<!--#include virtual="/menu.shtml" -->

大多数开箱即用的 Web 服务器都支持它（包括 IIS、Apache 和 lighttpd）

于 2012-06-28T08:57:50.817 回答
2

您听说过MasterPage 概念吗

以下链接将为您提供快速入门

母版页是将充当所有其他页面的框架的页面。你只需要写一个。并且在此之下的每个页面都必须包含母版页。就这样！

于 2012-06-28T08:55:23.597 回答
1

你可以用jquery做到这一点

假设您有 page1.html page2.html 等。

您希望在每个页面中都有您的联系信息。您可以创建一个名为“info.txt”的文件。在您想要此联系信息的地方，放置一个 div。如本例所示

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
  </head>
  <body>
    <!-- page content -->
    <div id="contact"></div>
  </body>
</html>




<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>

<script>
$(document).ready(function(){
        $("#contact").load("info.txt");
    ;
});
</script>

无论您在“info.txt”中放置什么，都将放在您放置的位置

于 2016-07-11T16:19:41.837 回答
0

您可以在外部文件中编写一些简单的js，然后在每个页面中调用它以动态加载菜单。然后，您可以通过编辑 JS 文件来简单地编辑菜单。然后你需要做的就是在 html 中包含并使用 document.getElementById("menu").innerHTML = menuHTML; 其中 menuHTML 是一个包含菜单的纯 HTML 代码的变量。然后您可以包含 JS 文件并在正文 onload 中调用它

于 2012-06-28T08:54:13.407 回答