hash 和pushState，replaceState
2018-07-28 06:28:42来源：博客园 阅读 ()
hash 要点：
1、不会向后台发请求；#是用来指导浏览器动作的，对服务器端完全无用。
2、用来跳转到页面的指定位置: 为网页位置指定标识符，有两个方法。一是使用锚点，比如<a name="print"></a>，二是使用id属性，比如<div id="print" >。
btn.onclick = function(){
window.location.hash = 'contDEF';
}
//HTML中
<div id="contABC" style="width: 70px; border: 5px solid red; height: 500px;"></div>
<div id="contDEF" style="width: 70px; border: 5px solid red; height: 300px;"></div>
3、hash改变，会产生一条历史记录。
4、改变#不触发网页重载，(第一条，不会发送请求！只是客户端，因此也不重载)
5、会触发onhashchange事件， 使用方法有以下几种：
window.onhashchange = render
window.addEventListener("hashchange", render, false);
<body onhashchange="func();">
PushState等
1、pushState是添加一条历史记录，添加完后，可以使用history.state 读取；
2、pushState和replaceState接受参数一样，({js对象}， title, url ) 其中title，浏览器不怎么支持，一般设为null， url是可选的。
history.pushState({'abc':abc}, null, `#/${abc}/${def}`); //通过设置url改变了hash的值，也可以改变search,
这样的话，url就改变了，因此，可以通过这种方式，在url中保存一些信息。
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
- 监听浏览器返回，pushState，popstate 事件，window.history 2018-07-29
- react-router v4中 HashRouter 和 BrowserRouter的使用 2018-06-24
- 用replaceState操作路由的方法封装 2018-06-24
- Hash of js 2018-06-24
- 通过hash实现前端路由 2018-06-24
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
