Javascript 从其他html文件加载html内容

我有一个大的HTML项目，我想把一个大的HTML文件分成几个小的HTML文件。有什么好办法吗

这是我的HTML文件的一个例子（这并不是全部，因为原始HTML要大得多）

工具栏










你好









查看世界森林时钟

例如，如何使零件从

开始，进入

index2.html

文件中的

，并将其加载到

index.html

中

我可以将所有相关的行（22-78）复制到

index2.html

，但是我应该如何在不使用iFrame或frame…

---

尝试使用jquerys get函数来实现该功能

$.get( "index2.html", function( data ) {
  $( ".result" ).html( data );
    //code to insert data into desirable container
});

本例中的数据将是您的html2页面内容

这是完整的文档

事实上，通过阅读.get和.load函数之间的差异，我现在更喜欢使用.load，它们做的事情是相同的，只是如果首先没有容器，.load不会执行ajax调用。下面是加载方法的示例

$("your container selector").load("desired data (index2.html)"[, optional callback function when data is loaded]);

---

可能重复@Johanness-您提到的问题是4年前的问题，您不认为有更新/更好的技术吗？谢谢我尝试了您的建议，但它不起作用您使用了错误的选择器，您有id=“result”，但在您的选择器中您指的是类$（“.result”），将选择器更改为$（“#result”）

$("your container selector").load("desired data (index2.html)"[, optional callback function when data is loaded]);