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

Question

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

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

挑战：我想加载新的网页内容而不加载完全独立的网页。类似的旧HTML解决方案这样的挑战是加载页面框架，对吗？我想使用服务器上另一个单独的HTML文件中的内容覆盖整个容器元素。 （可以定制外部文件以适应主页面，但如果我可以拉出外部HTML文档的SECTION，也许是一个元素，那么甚至更好。

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

感谢大家的耐心和专家建议。我＆lt; 3 StackExchange。

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”。您可以阅读维基百科上有关Document Object Model的文章以获取更多信息：您必须使用DOM而不是选择 - 这是网页工作方式的一部分。