如何用js/jquery一个接一个地加载html页面？

Question

假设我有4个html页面，分别是a.html、b.html、c.html和d.html。

最初，当我运行程序时，我加载a.html，当用户滚动到顶部时，如果它已经是顶部，警告会说“您已经到达页面的顶部，这是第一页”。

现在，当我向下滚动时，使用js检测页面结束的方式，当我到达页面底部时，我调用下一页，并加载下一页，即b.html。

这样，当它到达d.html时，当你向下滚动到页面末尾时，它会提醒你“你已经到达了页面末尾，这是最后一页”。

当我向上滚动时使用相同的方法，当它到达页面顶部时，js将调用上一页函数，它将加载上一页。在这里，我将首先加载前一页的底部。这也工作得很好(但没有连续性)

这个策略运行得很好。但我需要一种机制来不断地加载这些html页面，这样它就会以一种整洁的方式加载网页，就像我在文档查看器中打开pdf文档一样。

与下一页和上一页一样，页面交换是平滑的，而不是将其作为新页面打开(这在以前的页面调用中非常重要)。

在jquery或java script中有没有用于此功能的库？

谁来帮帮忙。我为这个功能搜索了很多次。

Answer 1

如果你想把超文本标记语言文档加载到网页上，你可以使用jQuery的.load()函数。

语法：

// $ is the same as jQuery
$(element).load(documentURL);

在这里，.load()从文档中获取超文本标记语言，并将该超文本标记语言放入指定的元素。要获取HTML文档中的特定元素，只需像在CSS中一样找到它们。如果您想从文档中获取标题：

$("#result").load("myDocument.html header");

记住：如果你是在加载DOM页面时加载，请使用$(document).ready();。下面是一个例子：

$(document).ready(function() {
    $("#result").load("myDoc.html body main");
});