首页 > 解决方案 > HTML 5 历史 - 打开/重新加载子页面

问题描述

我基于一个 html 文件构建了一个网站。我的路由基于 HTML 5 API 历史。我在 history.pushState 的帮助下创建了子页面的地址,一切正常,例如 www.mypage.com/about。

当我尝试刷新子页面或者我将如何直接转到地址 www.mypage.com/about 时,问题就在于此。访问 www.mypage.com/about 后,您可以有一个调用该函数的想法。

我试图做类似的事情,但我得到一个 404 错误

if (window.location.href.indexOf ("about")> -1) {
     someAction (0);
}

但是,如果我在url地址中添加“?” 或“#”:www.mypage.com/?about

然后将满足此条件并调用该函数。

标签: htmlpushstatehtml5-history

解决方案


HTML5 History API 的重点是避免刷新浏览器。如果刷新浏览器是您想要做的,那么只需调用window.location.reload()

if (window.location.href.indexOf ("about") >= 0) {
    window.location.reload();
}

推荐阅读