javascript - 注入(inject)内容/HTML而不改变DOM

Question

编辑#2

我能够从 Google 支持部门找到答案，请阅读此问题下方的答案。

编辑#1

我认为这更像是一个 SEO 问题，而不是一个技术问题(尽管在某种程度上是技术问题)，所以当我有东西要分享时，我会在其他地方找到答案并在这里发布答案。

<小时/>

首先我要说的是，我不是 jQuery/JavaScript 专家，所以对于你们中的一些人来说，这个问题可能听起来很愚蠢。

我需要将内容/HTML“注入(inject)”到我的页面之一，但不更改 DOM。请注意，我说的是注入(inject)，而不是替换或添加。这是出于 SEO 原因，因为该内容不会被搜索蜘蛛索引。

另一位开发人员当前实现的解决方案是创建一堆带有文本的图像，因此现在该网站仅针对该部分就有超过 60 个 HTTP 请求。是的。

无论如何，我认为解决方案是通过包含该内容的 JavaScript 文件将此内容注入(inject)到页面上，这样在我的页面标记中我只有 <script src="js/testimonials.js"></script>例如，浏览器将能够执行此文件并显示其中的内容，而搜索蜘蛛将无法抓取该内容，因为它位于 JavaScript 文件中。

我尝试过 jQuery 的 .html();方法，但 JS 文件中的 HTML 当然会放置在实际页面上，从而使搜索蜘蛛可以索引该内容。这是我最初的想法，但这是错误的。请阅读我在这个问题下面的回答。

这是我尝试过的:

$(function () {
  $('.testimonials').html('test');
});

我一直无法在 SO 和网络上找到此问题的解决方案。

非常感谢任何帮助完成此任务的人。

提前致谢，

Answer 1

您无法在不更改 DOM 的情况下将 HTML“注入(inject)”到文档中。 HTML 文档(网页)是浏览器和蜘蛛都可以查看的 DOM。