首页 > 代码库 > hash随笔

hash随笔

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也无法监控到。

 

hash随笔