hash属性是一个可读可写的字符串,是url的锚部分(从#开始)。多用于单页面应用中,使其包含多个页面。
定位:通过id来定位
eg:
<div id= "part1"></div>
<div id= "part2"></div>
从上一页跳转入此页面时,若地址后锚部分是#part1则id= "part1"的部分进入当前视图
方法:
1.window.location.hash可获取eg: console.log(window.location.hash)
并设置当前页面的hash eg: window.location.hash= "part2";
2.window.onhashchange= function(){} 监控页面hash的跳转
使用起来很是简单。
值得一提的是先前在项目中使用了$location服务,造成很大的错误,经过分析,发现引入此服务过后锚会由#part1变为#/part1(天...)
而$location.hash()的作用是在锚的后面添加字段而非整体更改,当使用$location.hash进行页面跳转时,window.onhashchange也无法监控到。
时间: 2024-10-29 19:05:31