做食品生产的网站,高端网站开发教程,网站做二级目录跟二级域名的区别,常用的搜索引擎的网站HTML5新添加了两个api分别是pushState和replaceState#xff0c;DOM中的window对象通过window.history方法提供了对浏览器历史记录的读取#xff0c;可以在用户的访问记录中前进和后退#xff0c;我们可以开始操作这个历史记录堆栈。实例一、通过pushState修改URL通过这句代…HTML5新添加了两个api分别是pushState和replaceStateDOM中的window对象通过window.history方法提供了对浏览器历史记录的读取可以在用户的访问记录中前进和后退我们可以开始操作这个历史记录堆栈。实例一、通过pushState修改URL通过这句代码可以无刷新改变URLwindow.history.pushState({},0,url);DEMO代码截图在input输入框内输入haha.html点击“点击无刷新改变url”按钮即可实现实例二、利用ajax配合pushState翻页无刷新的动作主要在ajax发起数据请求在数据页面响应后利用pushState修改分页参数达到模拟真实翻页效果并且写入历史表达到后退时能恢复上一页的数据demo-page.html代码shuju.php代码DEMO贴图没有点击之前点击后发起ajax请求page2数据ajax返回后通过pushState修改URL请看截图地址栏已经是page2页面没有刷新因为firebug控制台中的ajax请求记录还在点击后退箭头恢复上一页的数据最后虽说这两个html5新加api能实现无刷新修改URL但js毕竟是前端为了安全是不能跨域的。比如本例中的demo域是在www.qttc.net下不能修改到www.xxx.com域下。有不少人说这个特性解决了ajax局部刷新区域不容易被蜘蛛人抓取的问题本人没有亲自验证但却有可行之势感兴趣的童鞋可以尝试下
