用錨鏈接跳轉其他頁面指定位置

本文是我做專案時遇到的問題，解決後在這裡與大家分享，歡迎指正不足的地方，更歡迎與我分享更好的解決辦法！！

正文開始

首先在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(這個是你錨點的位置)

大功告成！