锚链接页面跳转其他页面指定位置

用锚链接跳转其他页面指定位置

本文是我做项目时遇到的问题，解决后在这里与大家分享，欢迎指正不足的地方，更欢迎与我分享更好的解决办法！！

• 如果不知道锚链接是神马请点击这里

---

正文开始

首先在A页面的你要跳转的< a >链接 href末尾加上 #锚点名称

<a href="XXX.html#1">
    <div class="pic">XXX</div>
</a>

然后在你要跳转的B页面的目标位置添加id和锚点链接
id的作用是定位位置，锚点链接的作用是用于返回上一页时方便定位也可以不加

<li id="a1"><a href="#1">XXXX</a></li>

最后上关键的js代码

//获取锚点 跳转之后返回原路径
var url = window.location.toString();//进这个页面的url
var id = url.split("#")[1];//url例如： www.baidu.com#maodian(这个是你锚点的位置)

大功告成！