search

Home  >  Q&A  >  body text

javascript - 不刷新页面实现更改 url 地址

看到一个叫 Product Hunt 的网站，点击任何一篇文章，url 都会变化，但页面并没有刷新，而且访问文章的网址，内容会展开，这是怎么实现的？

PHP中文网PHP中文网2816 days ago303

reply all(8)I'll reply

  • 巴扎黑

    巴扎黑2017-04-10 14:39:24

    原理是利用HTML5引入的history.pushState()和history.replaceState()方法.

    HTML5 Demo: HTML5 History API
    Manipulating History for Fun & Profit

    Github项目: browserstate/history.js

    reply
    0
  • 高洛峰

    高洛峰2017-04-10 14:39:24

    pjax

    这个实现ajax和history api的结合

    reply
    0
  • PHPz

    PHPz2017-04-10 14:39:24

    ie下会有问题吧

    reply
    0
  • 阿神

    阿神2017-04-10 14:39:24

    ajax 局部刷新

    reply
    0
  • 阿神

    阿神2017-04-10 14:39:24

    可以用hash

    reply
    0
  • 迷茫

    迷茫2017-04-10 14:39:24

    移动端兼容还不太好

    reply
    0
  • 高洛峰

    高洛峰2017-04-10 14:39:24

    使用 hash 吧 window.location.hash

    reply
    0
  • 迷茫

    迷茫2017-04-10 14:39:24

    单页面应用的框架都有吧，就是一楼说的 history.pushState()和history.replaceState()

    reply
    0
  • Cancelreply