我正在尝试将HTML模板用作框架,并希望根据路由在其中加载内容。 我已经习惯使用PHP,所以我知道代码中嵌入了require($ file)选项,因此它将在模板中呈现所需的文件,因此我想知道是否有任何类似的东西。
我已经尝试搜索它,但是还不清楚。因此,我考虑了两种选择,第一种是将模板分为两部分,并在发送响应时将文件内容放在这两者之间。
这是我在主HTML文件中要实现的目标,并且能够在NodeJS响应中呈现它。
<!DOCTYPE html>
<html>
<head>
<title>Title</title>
</head>
<body>
<h1>My App</h1>
{ require($file); }
</body>
</html>
答案 0 :(得分:0)
您可以使用https://www.npmjs.com/package/mustache在节点中呈现模板-它包括部分HTML模板,并且您对PHP的体验应该很熟悉。
(只是直接回答您的问题-不,HTML本身是静态的,并且iframe
除外,没有安全的方法将部分HTML包含在另一个HTML页面中。)
答案 1 :(得分:0)
您可以使用iframe HTML对象将其嵌入文件中
<iframe src="<source html file location>"></iframe>
答案 2 :(得分:0)
简便的方法是将模板(带有一些占位符的变量文本)读入变量。然后,将要放入占位符的文本读取到另一个变量中。然后只需替换占位符即可。输出最终的字符串。
答案 3 :(得分:0)
不。由于HTMl是静态的,因此无法在HTML中添加“变量”。您需要一种动态语言,例如:
或者,如果您真的对Web开发充满热情,并且愿意开始讨厌html,那么应该挑剔地检查一下:
让我知道您是否有任何疑问!