路由hash

1  # 的含义  就是代表网页中的一个位置。 其后面的字符,就是该位置的标识符

路由hash_第1张图片

2 实例

路由hash_第2张图片

路由hash_第3张图片

tip:#后面出现的任何字符,都会被浏览器解读为位置标识符,意味着, 这些字符不会被发送到服务器端

#可以转码为  %23

 

总结:

1  改变#后的部分,浏览器只会滚动到相应位置, 不会重新加载网页

2 改变#后的部分会改变浏览器的访问历史

3 window.location.hash 读取#值, 可读可写, 读取时判断网页状态是否改变, 写入时,则会在不重载网页

前提下,创造 一条访问历史记录

路由hash_第4张图片

 

4  onhashchange事件  当#后面的值发生变化,就会触发这个事件,使用方法【三种实现方式】:
路由hash_第5张图片

 

 

你可能感兴趣的:(路由hash)