首页 > 代码库 > HTML5 History对象，Javascript修改地址栏而不刷新页面（二）
HTML5 History对象，Javascript修改地址栏而不刷新页面（二）
一、实例说明：
$(‘#btnOne‘).click(function () { var stateObject = { id: 1 }; var title = "本地首页"; var newUrl = ‘/index.html‘; //修改地址栏中的地址 /* * 使用说明，pushState中缓存的地址，必须是当前域中的地址 */ history.pushState(stateObject, title, newUrl);});$(‘#btnTwo‘).click(function () { //获取操作历史记录 console.info(history.length);});window.addEventListener(‘popstate‘, function (event) { console.info(event); console.info(event.state); /* * event.state.id 获取说明，第一次打开页面没有id，会抛出异常 */ console.info(event.state.id);});
测试结果：IE10及以上浏览器支持，Google，FF支持
HTML5 History 一：http://www.cnblogs.com/tianma3798/p/5584541.html
HTML5 History对象，Javascript修改地址栏而不刷新页面（二）
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。