jquery - 如何将一些 html 文件调用到 html 页面的特定部分？

Question

是否有任何技术可以在没有 MVC 的情况下将外部 .html 文件调用到当前 .html 文件？

例如，我们在所有其他特定服务页面中使用相同的服务（左侧的链接作为垂直手风琴）。

我们可以将手风琴部分制作为单独的 .html 文件，并且可以将其调用到我们的每个服务页面中吗？

Answer 1

您可以使用 jQuery 将外部 .html 文件加载到当前文件，试试这个链接

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

对于手风琴，你可以看到这个链接，

http://www.marghoobsuleman.com/jQuery-common-accordion

Answer 2

一种可能的方法是通过iframe

http://www.w3schools.com/tags/tag_iframe.asp

但不建议使用 iframe。既然你提到了 jQuery，我建议你看看 jQueries .load ()方法

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

希望这可以帮助。

Answer 3

您可以为此使用 jquery ajax 加载 API，

$( "#result" ).load( "test.html" );

这会将内容加载到主页中test.html带有 id 的元素中。#result

参考.load() API

Answer 4

如果你使用 php 或其他类似的语言，你可以使用它们的内置方法，如 php 中的“include”或“require”。

如果你想用纯 html 来做，请使用 javascript 和 ajax。在你的 html 页面中设置一个容器 div。调用 ajax 函数获取外部 html 文件内容，使用 javascript 插入到容器 div 中。