javascript - 为什么在 jQuery 中使用 load() 而不是 htmls？

Question

更新:非常抱歉没有说清楚。它是 jQuery 中的 load()，而不是 loadpage()。

也许这是一个微不足道的问题，但作为 js 的新手，我就是想不通。非常感谢您的帮助。

我正在构建一个小型个人网站，其中包含几个类似的页面。我发现一些教程建议使用 load() 在一个单独的 .html 文件中，基于不同的点击，生成不同的内容，这些内容是使用 load()< 从我的其他 html 文件中获取的.

但我为什么要这样做？有几个 html 文件工作正常。使用 load() 方法我仍然需要那些文件；我还用谷歌搜索，看到很多关于 load() 速度慢的提示。

因此我只是想知道我们这样做的原因。

提前谢谢你。

Answer 1

loadpage() 不是 native jQuery 方法，因此您可能偶然发现了一篇为 jQuery 方法提供一些自定义包装器的文章。另一方面，$.load() 是一种 native jQuery 方法，可将远程内容异步拉入您的页面。改变是好的，如果有人构造了一个 loadpage() 方法，他们实际上可能一直在使用 $.load() (或任何其他 ajax methods )内部。

您可能指的是 $.mobile.loadPage (在幕后使用 jQuery 的 $.ajax)，这实际上是一个 jQuery Mobile 方法。除非您参与移动应用程序开发，否则您不会过多地处理这个问题。

无论您是使用 jQuery Mobile 的 $.mobile.loadPage 还是 jQuery 的 $.load 来加载您的内容，原因都是一样的:避免完整当只需要加载部分页面时，页面会刷新。

想想每次你想要加载不同的 HTML 文件时会发生什么。每次加载新页面时，您都必须重新加载页眉、导航、页脚、侧边栏信息、图形，也许还有一些媒体内容——其中很多内容不会因页面而异。这就是为什么能够加载文档片段很有帮助，而无需用户重新发出对所有内容的请求只是为了在第 2 页上看到独特的内容。