有三种方法可以在HTML文件中使用类似于require()的函数来呈现嵌套的HTML文件?

时间:2019-05-22 01:07:03

标签: html node.js

我正在尝试将HTML模板用作框架,并希望根据路由在其中加载内容。 我已经习惯使用PHP,所以我知道代码中嵌入了require($ file)选项,因此它将在模板中呈现所需的文件,因此我想知道是否有任何类似的东西。

我已经尝试搜索它,但是还不清楚。因此,我考虑了两种选择,第一种是将模板分为两部分,并在发送响应时将文件内容放在这两者之间。

这是我在主HTML文件中要实现的目标,并且能够在NodeJS响应中呈现它。

<!DOCTYPE html>
<html>
<head>
    <title>Title</title>
</head>
<body>
    <h1>My App</h1>
    { require($file); }
</body>
</html>

4 个答案:

答案 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,那么应该挑剔地检查一下:

让我知道您是否有任何疑问!