Javascript 通过从不同的Html页面调用，在另一个Html页面的div中加载Html页面

假设我有三个html页面，分别是

index.html

、

page1.html

和

page2.html

目前我在

page2.html

上，有一个项目列表，每个项目都链接到一些页面。说一个链接到

page1.html

是否可以从

page2.html

加载

index.html

中的

div

中的

page1.html

---

任何帮助都将不胜感激。

您可以使用jQuery

.load（）

进行此操作

$('#div').load('pageUrl');

或者，如果您需要任何

回调

，则可以使用

有关详细信息，您可以

是的，这是可能的

您可以使用jQuery ajax请求index.html，如下所示：

$.ajax({
    url: "/index.html"
}).done(function(htmlData) {
    var htmlContent = $.parseHTML(htmlData).find("div"); // Here you pass the div reference of content you want to load
    $("div.targetDiv").html(htmlContent);
});

---

这可能取决于您希望如何加载它们。Angularjs/react是为数不多的几个著名例子。请分享一些例子。你可以在网上到处找到这样的例子。对于angular 1（现在已经过时了），我跟随了他的帖子是的，但是你如何找到另一个页面的div呢？你可以在

jquery.load（）

$.ajax({
    url: "/index.html"
}).done(function(htmlData) {
    var htmlContent = $.parseHTML(htmlData).find("div"); // Here you pass the div reference of content you want to load
    $("div.targetDiv").html(htmlContent);
});