Question

假设我有三个html网页，分别是index.html，page1.html和page2.html。

目前我在page2.html并且有一个项目列表，每个项目都超链接到某些页面。说一个链接到page1.html。

是否可以在距离page1.html div index.html的{{1}}中加载page2.html？

任何帮助将不胜感激。

Answer 1

您可以将jQuery .load()用于此

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

或者，如果您需要callback，则可以使用

$('#div').load('pageUrl', function(){
    // your code here
});

有关详细信息，请参阅click here

Answer 2

是的，有可能，

您可以使用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);
});

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

2 个答案: