如何使用js / jquery依次加载html页面？

Question

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

最初，当我运行该程序时，我会加载a.html，当用户滚动到顶部时，如果已经是顶部，则警报会显示“您已经到达页面顶部，这是第一页”。 / p>

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

通过这种方式，当它到达d.html并向下滚动到页面末尾时，它将提醒您“您已经到达页面末尾，这是最后一页”。

当我向上滚动并到达页面顶部时，将使用相同的方法，js将调用前一页功能，并将加载前一页。 在这里，我将首先加载下一页的底部。这也很好（但是没有连续性）

此策略运行良好。但是我需要一种机制来连续加载这些html页面，以便它将以一种简洁的方式加载网页，就像我在文档查看器中打开pdf文档一样。

就像下一页和上一页的交换一样，它很平滑，而不是像新页面一样打开它（在上一页调用的情况下，这非常重要）。

jQuery或Java脚本中是否有此功能的库？

请有人帮忙。我为此功能进行了很多搜索

Answer 1

如果要将HTML文档加载到网页上，可以使用jQuery的.load()函数。

语法：

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

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

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

记住：：如果要在DOM页面加载中加载HTML，请使用$(document).ready();。这是一个示例：

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