Github页面:使用pushState修改的URL,导航到另一个网页,按返回并找不到页面

时间:2019-05-17 15:40:31

标签: javascript pushstate html5-history

因此,当某个元素上出现$finfo = finfo_open(FILEINFO_MIME_TYPE); echo finfo_file($finfo, $picture); // image/png finfo_close($finfo); 时,我有一个代码可以修改网页的URL。它不会重新加载页面。这样做的原因是允许在URL修改之前使用移动设备上的后退按钮返回到之前的状态(发生此URL修改时唯一发生的事情是通过使用click使用JS控制的某些视觉更改)。来回更改视觉效果效果很好,直到您导航到另一个网页并按返回按钮。

说我最初有一个网页托管在Github上,网址为popstate。然后,将此代码添加到JS中的元素上:

https://testing.github.io

如您所见,单击所说元素document.getElementById('target').addEventListener('click', e => { //Change some visuals let state = { //some state }, title = "new page", path = "new-page"; history.pushState(state, title, path); }); 会将我的URL更改为target。当我导航到其他URL,例如https://testing.github.io/new-page,然后然后单击后退按钮时,就会发生问题。我会遇到一个错误https://google.com,因为我的Github存储库中没有该文件。我该如何解决这个问题?

0 个答案:

没有答案