12月15, 2017

如何像百度搜索一样改变URL?

先介绍一下应用场景,单页APP,且底部有类似APP一样存在神一样的TabBar。 因此点击后需要动态更改URL。

HTML5 History API中提供了一些state相关方法:

history.pushState(data, title, url])
history.replaceState(data, title, url])

其中state和title都可以为空,但是推荐不为空,应当创建state来配合popstate监听。

如果想要改变网页的标题:

document.title = ''> ;

pushState、replaceState 的区别

pushState()可以创建历史,可以配合popstate事件,而replaceState()则是替换掉当前的URL,不会产生历史。

那么问题来了,WebApp应该用哪一种呢?

replaceState!

本文链接:http://es8.es/post/如何像百度搜索一样改变URL?.html

-- EOF --

Comments

请在后台配置评论类型和相关的值。