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

前言：大家好！开始。首先，我不熟悉jquery，所以任何发布的jquery代码在我研究它之前都与我无关。我刚刚教自己的JS。我有良好的XHTML体验，良好的CSS3熟悉/理解以及一些（很少）应用程序编程经验（C++，Java）。JavaScript：使用来自单独HTML文档的输入写入当前HTML文档？

现状：我设计一个网站的主页，其上，用JavaScript 启用，链接覆盖和而不是加载一个新的HTML文档/页每个主要环节，我改变使用JS的主页的部分。

挑战：我想加载新的页面内容，而无需加载完全独立的页面。一个类似的旧的HTML解决方案到这样的挑战是加载页面帧，对不对？我想用服务器上另一个单独的HTML文件的内容覆盖整个容器元素。（外部文件可以定制为适合主页面，但如果我能够拉出部分外部HTML文档（可能是一个元素），它将会更好）。

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

谢谢大家的耐心和专家的建议。我的StackExchange。

来源

2012-07-10 Slink

是的，你可以做到这一点使用JavaScript和jQuery，看看在load（）方法这正是你所需要的

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

是它使用AJAX，但它确实好用唐别担心。

来源

2012-07-10 16:52:04 Maresh

好的，我现在就来看看吧。谢谢！ – Slink 2012-07-10 17:09:30

这是最简单的解决方案，因为它只需要包含最新的jQuery JavaScript库！：）谢谢。 – Slink 2012-07-23 20:43:00

我可以只使用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，但不能选择 - 这是网页工作方式的一部分。

来源

2012-07-10 16:52:10

对这个新手很有帮助。谢谢。 – Slink 2012-07-10 17:23:41

所以，另一个答案并没有说明或暗示我需要任何服务器端脚本，对吧？我可以通过简单地编写一些jQuery来做到吗？ – Slink 2012-07-11 20:33:36

只要你正在加载的html内容是静态内容，并且不依赖于服务器的任何动态值（例如 - 特定于登录用户的数据），那么只需制作.load（）通过jQuery的ajax请求。 – ryanulit 2012-07-23 20:53:16

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

回答

相关问题