在静态HTML5页面中渲染部分内容是否可能?

7
目前我正在为一个学院项目编写静态网站。我希望将侧边栏作为局部文件渲染。
我知道如何在Ruby on Rails中实现此操作,但是对于只允许使用HTML5、CSS和JavaScript的静态页面如何设置不太清楚。渲染局部文件将提高工作效率并保持代码干净。
如果使用Ruby on Rails,在HTML中是这样呈现的:
<%= render "shared/menu" %>

如果没有Rails系统,我的代码会是什么样子。

非常感谢任何帮助。

2个回答

7

我相信如果你看一下HTML Imports这样的东西,它可以解决你的问题。它提供了很大的灵活性和可重用性。你只需要添加以下内容来声明你的部分导入:

<link rel="import" href="/shared/menu.html">

将此代码添加到您的HTML页面中。

HTML 导入在提供静态 HTML 的 Github Pages 上能够工作吗? - Jun Dalisay
HTML imports现已过时 https://developer.mozilla.org/zh-CN/docs/Web/Web_Components/HTML_Imports - Patrick Berkeley

1
我强烈建议使用Middleman静态网站生成器。如果您只是想构建一个静态网站,那么它非常完美,而且它是用Ruby编写的。他们的主页已经关闭了,但是我链接了他们的Github页面,其中包含设置说明。
设置完成后,呈现局部的代码将是<%= partial shared/menu %>

谢谢回复,但我必须从头开始编写。我想知道是否可以使用标准HTML进行渲染? - Joe Lloyd

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接