使用JavaScript修改浏览器URL地址栏的实现代码

             

现在的浏览器里,有一个十分有趣的功能,你可以在不刷新页面的情况下修改浏览器 URL; 在浏览过程中。你可以将浏览历史储存起来,当你在浏览器点击后退按钮的时候,你可以冲浏览历史上获得回退的信息,这听起来并不复杂,是可以实现的,我们来编写些代码。来看看它是如何工作的。

var stateObject = {}; 
var title = "Wow Title"; 
var newUrl = "/my/awesome/url"; 
history.pushState(stateObject,title,newUrl);

History 对象 pushState () 这个方法有 3 个参数,你可以从上面的例子看到。第一个参数,是一个 Json 对象,在你储存有关当前 URl 的任意历史信息。第二个参数,title 就相当于传递一个文档的标题 ,第三个参数是用来传递新的 URL. 你将看到浏览器的地址栏发生变化而当前页面并没刷新。



发表评论 请登录再评论
回到顶部