快捷搜索:  as  2018  FtCWSyGV  С˵  test  xxx  Ψһ  w3viyKQx

和记娱乐博娱188_机器人论坛



现在的浏览器里,有一个十分有趣的功能,你可以在不刷新页面的环境下改动浏览器URL;在浏览历程中.你可以将浏览历史储存起来,当你在浏览器点击退却撤退按钮的时刻,你可以冲浏览历史上得到回退的信息,这听起来并不繁杂,是可以实现的,我们来编写些代码。来看看它是若何事情的。

var stateObject = {};

var title = "Wow Title";var newUr和记娱乐博娱188l = "/my/awesome/url";

history.pushState(stateObject,title,newUrl);

History 工具 pushState() 这个措施有3个参数,你可以从上面的例子看到。第一个参数,是一个Json工具 , 在你储存有关当前URl的随意率性历史信息.第二个参数,title 就相称于通报一个文档的标题 ,第和记娱乐博娱188三个参数是用来通报新的URL. 你将看到浏览器的地址栏发生变更而当前页面并没刷新。

让我们看一个例子,在这个例子中我们将在每个自力的URL中存储一些随意率性数据。

for(i=0;i

var stateObject = {id: i};var title = "Wow Title "+i;

var newUrl = "/my/awesome/url/"+i;history.pushState(stateObject,title,newUrl);

}

现在运行,点击浏览器的返回按钮,查看URL是怎么改变的。对付每次URL的改变,是由于它存储了历史状态“id”以及对应的值。然则我们怎么从新得到历史状态,并且在此根基上做些工作呢?我们必要对“popstate”添加事故监 听 器,这将会在每次历史工具的状和记娱乐博娱188态改变的时刻触发。

for(i=0;i

var stateObject = {id: i};var title = "Wow Title "+i;

var newUrl = "/my/awesome/url/"+i;history.pushState(stateObject,title,newUrl);

alert(i);}

indow.addEventListener('popstate', function(event) {readState(event.state);

});function readState(data){

alert(data.id);

}

现在你会看到无论什么时刻你点击返回按钮,一个“pop和记娱乐博娱188state&rdquo和记娱乐博娱188;事故就会被触发。我们的事故侦听器然后检索历史状态工具与之关联的URL,并提示“id”的值。

您可能还会对下面的文章感兴趣: