JavaScript：使用来自单独 HTML 文档的输入写入当前 HTML 文档？

Question

前言：大家好！开始。首先，我不熟悉 jquery，所以在我研究之前，发布的任何 jquery 代码都与我无关。我正在自学JS。我有不错的 XHTML 经验、不错的 CSS3 熟悉/理解，以及一些（非常少的）应用程序编程经验（C++、Java）。

情况：我正在设计一个网站的主页，在 启用 JavaScript 的情况下，链接被覆盖和而不是为每个主链接加载一个新的 HTML 文档/页面，我使用 JS 更改主页的部分。

挑战：我想在不加载完全独立的页面的情况下加载新页面内容。类似的旧 HTML 解决方案是加载页面框架，对吗？我想使用服务器上另一个单独的 HTML 文件中的内容覆盖整个容器元素。 （可以调整外部文件以适应主页面，但如果我可以提取外部 HTML 文档的一个部分（可能是一个元素），那会更好。

• 我可以只使用 JavaScript 吗？
• 如果不是，还有哪些其他脚本可以与 JS 结合使用？
• 我需要实现“AJAX”吗？
• 我必须使用“HTML DOM”吗？ - 编辑：我看到 DOM 只是 HTML 等功能的组成部分。

感谢大家的耐心等待和专家建议。我

Answer 1

是的，您可以使用 Javascript 和 jQuery 做到这一点，看看 load() 方法正是您需要的

http://api.jquery.com/load/

是的，它使用的是 AJAX，但它真的很容易使用，不用担心。

Answer 2

我可以只使用 JavaScript 吗？

不，因为服务器需要为您提供您希望放置在 HTML 页面中的内容/数据。您需要将客户端脚本 (JavaScript) 与 Web 服务器上的功能结合起来（请参阅下面的下一个问题）。

如果不是，还有哪些脚本可以与 JS 结合使用？

这将是您的服务器端语言，例如 PHP、Ruby 或 Python。

我需要实现“AJAX”吗？

是的，您所描述的是使用 Ajax 实现的。您提到了 jQuery 库，它确实具有对服务器执行 Ajax 调用的功能（请参阅$.ajax）。基本思想是：您的 JavaScript 代码执行 Ajax 调用，您的 Web 服务器返回 HTML，然后您的 JavaScript 代码接收它并将其放置在 HTML 页面中。

我必须使用“HTML DOM”吗？

网页总是使用“HTML DOM”。您可以阅读 Wikipedia 上有关 Document Object Model 的文章以获取更多信息：您必须使用 DOM，但不能选择使用 - 它是网页工作方式的一部分。