hash随笔

Posted 2020-08-15 炎泽

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