用锚链接跳转其他页面指定位置
本文是我做项目时遇到的问题,解决后在这里与大家分享,欢迎指正不足的地方,更欢迎与我分享更好的解决办法!!
正文开始
首先在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(这个是你锚点的位置)