使用HTML在几页中重复使用垂直组按钮

Question

在我的应用程序中，有一些垂直的按钮组，在几页中很常见。它应该位于这些页面中的相同空间，在左侧导航到此右侧按钮组之间呈现不同的形式。我们可以说它们是几页的布局中的右侧或中心导航。

我应该如何做到这一点。

提前致谢！

Answer 1

您可以使用 jquery

将您的按钮放在自己的.html文件中，例如buttons.html与主{html文件中的.load()。

$('#WhereYouWantItID').load('whatfolder/buttons.html');

这会将buttons.html文件加载到您网页上的特定目标

有人可以编辑我的答案，这样更有意义吗？我读了这篇文章，这听起来更难以实现

Answer 2

您可以使用HTML中的iframe实际实现此目的。如果您使用的是PHP等服务器端语言，我建议您不要使用此语言。

menu.html

<a href="test.html">Test Page</a> |
<a href="test.html">Another Page</a>

home.html的

<iframe src="menu.html"></iframe>

的index.html：

<iframe src="menu.html"></iframe>