javascript - 单击链接并且 javascript 正在操作 DOM 时，在 Spotify 应用程序中保留浏览器历史记录

Question

基本上，我编写了一个 Spotify 应用程序，它只包含一个页面 (index.html)，所有链接都触发onclick()了操作 DOM 的 javascript 函数。例如，我展示了最初的 4 张专辑，并有一个“查看更多专辑”链接来加载和呈现其余专辑。我这样做是为了让最初的 4 张专辑只加载一次。pushState()在我阅读细则之前，我没有意识到有限制。Spotify表示，如果您尝试使用pushState(). 我不想重新编写应用程序以在每次链接点击时加载新的 html 页面。我尝试了他们使用完整 URI 的方法（例如。<a href='spotify:app:chirp:best_of:index'>），但它的行为不正常（代码）。关于一般方法的建议？谢谢。

Answer 1

pushStateSpotify 应用程序不支持。如果您想在历史记录中创建一个新条目，以便用户单击后退按钮返回到之前的状态，那么您应该有如下链接：

<a href='spotify:app:chirp:best_of:2009'>See More</a>

models.EVENT.ARGUMENTSCHANGED您将通过观察事件来检测用户何时点击。

您可以查看GitHub 上的 Spotify 应用教程，它使用了类似的方法。

如果您不想创建新条目，而只是追加一些专辑，则无需导航到任何新 URI，然后seeMoreAlbumsOfTheYearOnClick像当前一样执行您的功能。

请注意，如果您不假装导航到任何新 URL，则应将事件变量传递给您的seeMoreAlbumsOfTheYearOnClick函数并调用event.preventDefault();. 另一种可能性是使用button元素。