【问题标题】:HTML5 - History APIHTML5 - 历史 API
【发布时间】:2017-11-25 14:47:25
【问题描述】:

在寻找一种无需刷新所有内容即可更改页面的方法时,我发现了历史 API。

显然,可以创建一个链接来更改页面的一部分并对历史记录产生影响。例如,此链接可以将我从 myaddress.com 发送到 myaddress.com/page.html,并且只更新子页面。

但是我怎样才能让 url myadress.com/page.html 直接转到包含子页面之外所有内容的正确页面?

以下演示(不是我的)进行内容替换,但不进行 url 路由,例如:https://html5demos.com/history/

如果可能,我想避免 URL 重写和 jquery。

【问题讨论】:

    标签: javascript html url-routing html5-history


    【解决方案1】:

    如果您使用常规链接并且一开始没有使用 JavaScript,您会采用同样的方式。

    通常这将涉及带有模板的服务器端语言(因此您可以避免重复在页面之间共享的内容(如菜单)。

    不过,您可以只创建静态 HTML 文件。

    【讨论】:

    • 您的意思是在子页面中添加 require_once 吗?那不是意味着整个页面都被重新加载了吗?
    • “例如,您的意思是在子页面中添加 require_once 吗?” - 这是在多个页面中包含共享内容的一种方式。
    • "不是说整个页面都重新加载了吗?" — 不,当你用 JS 更新页面时,你应该只更新不同的内容。如果您从头开始加载页面(即直接访问 URL 而不是通过pushState),则应该只加载整个内容
    猜你喜欢
    • 1970-01-01
    • 2012-05-21
    • 1970-01-01
    • 1970-01-01
    • 2012-01-28
    • 2023-03-19
    • 2018-03-07
    • 2015-10-29
    • 1970-01-01
    相关资源
    最近更新 更多