如何在多个 html 页面中正确使用相同的文本部分？答案

【问题标题】：How to properly use same text sections across multiple html pages?如何在多个 html 页面中正确使用相同的文本部分？
【发布时间】：2014-09-18 13:22:23
【问题描述】：

我正在为已经制作的软件制作帮助内容文档（当您按 F1 或导航到菜单栏中的“帮助”部分时，每个软件中都会打开该软件）。我正在使用简单的 html/CSS/js 页面来执行此操作。

对于不同的软件属性，有大量相同的文本描述出现在不止一个页面中。我们的想法是制作一个文本源文件，所有文本描述都位于其中，然后在必要时使用某种对特定文本部分的引用。

类似于使用 CSS 样式表在所有页面上应用样式，只是它处理文本而不是样式。这样我就可以只更改一个文件中的文本，并且它适用于所有使用它的地方。

我遇到了 html SSI 方法，但这仅包括整个 html 页面，而不仅仅是我想要的特定文本部分。我会强烈避免为每个文本部分使用不同的文件。

任何人都可以在这里指出正确的方向吗？

【问题讨论】：

标签： html text reference include

【解决方案1】：

我认为您可以创建一个包含常用文本的 JavaScript 函数，并在需要时在代码中使用此函数，为此您创建的 JavaScript 应该是一个外部文件，您可以在每个 html 页面中引用它你需要它。

例如，您可以有一个函数返回“Hello World”并将其设置为 id="title" 的“p”元素。因此，在每个页面中，您都有一个带有 id 标题的元素，您可以调用 JavaScript 函数将其文本设置为“Hello World”。使用此链接了解有关此主题的更多信息： http://www.w3schools.com/js/js_htmldom_html.asp

更新：我做了一个小测试，我创建了以下 JavaScript：

function helloTitle(){
    var text = "Hello World!";
    document.getElementById("title").innerHTML = text;
}

并在一些 HTML 页面中这样引用它：

<script src="commonText.js" type="text/javascript"></script>

之后我只需要调用我想要修改的元素中的函数：

<p id="title"><script>helloTitle();</script></p>

如果您只使用 JS、CSS 和 HTML，这是一个解决方案。应该有其他方法来实现这一点。

希望这些信息对您有所帮助！

【讨论】：

此解决方案完美运行！它甚至允许按函数名称和按 ID 标签进行 2 级引用，这正是我所需要的。谢谢，非常感谢。

【解决方案2】：

我想出了如何使用 html 命令https://www.w3schools.com/tags/tag_iframe.asp 大规模地做到这一点更舒适

在您的主 html 文件中执行以下操作：

&lt;p&gt; &lt;iframe src="Text.html" width="100%" height="300" style="border:1px solid black;"&gt; &lt;/p&gt;

然后用一些基本的 html 格式插入你想要的任何文本

<html>
<body>
    hmm idk what i should put here. Test    
</body>
</html>

在看起来完美之前还需要进行一些 css 格式化，但如果你想制作多行块，我认为这是最简单的方法。

【讨论】：