首頁  >  問答  >  主體

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

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

PHP中文网PHP中文网2749 天前298

全部回覆(8)我來回復

  • 巴扎黑

    巴扎黑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

    回覆
    0
  • 高洛峰

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

    pjax

    这个实现ajax和history api的结合

    回覆
    0
  • PHPz

    PHPz2017-04-10 14:39:24

    ie下会有问题吧

    回覆
    0
  • 阿神

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

    ajax 局部刷新

    回覆
    0
  • 阿神

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

    可以用hash

    回覆
    0
  • 迷茫

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

    移动端兼容还不太好

    回覆
    0
  • 高洛峰

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

    使用 hash 吧 window.location.hash

    回覆
    0
  • 迷茫

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

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

    回覆
    0
  • 取消回覆