锚链接页面跳转其他页面指定位置
2016-07-29 10:34
225 查看
用锚链接跳转其他页面指定位置
本文是我做项目时遇到的问题,解决后在这里与大家分享,欢迎指正不足的地方,更欢迎与我分享更好的解决办法!!如果不知道锚链接是神马请点击这里
正文开始
首先在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(这个是你锚点的位置)
大功告成!
相关文章推荐
- 基于jquery的从一个页面跳转到另一个页面的指定位置的实现代码(带平滑移动的效果)
- 跳转页面时跳到指定的页面位置
- js,jquery滚动/跳转页面到指定位置的实现思路
- 使用onclick跳转到其他页面/跳转到指定url
- 从一个页面跳转到另一个页面的指定位置(带平滑移动的效果)
- [转]使用onclick跳转到其他页面/跳转到指定url
- 跳转页面定位到指定的位置(转)
- html 页面实现指定位置的跳转
- jquery同一页面跳转到指定位置
- html 跳转到本页面指定位置
- 点击页面链接跳转到指定位置
- 使用onclick跳转到其他页面/跳转到指定url
- 使用onclick跳转到其他页面/跳转到指定url
- 超链接链接到其他页面的指定位置
- 使用onclick跳转到其他页面/跳转到指定url
- js 滚动/跳转页面到指定位置
- 使用onclick跳转到其他页面/跳转到指定url
- 使用onclick跳转到其他页面/跳转到指定url
- 使用onclick跳转到其他页面/跳转到指定url
- 使用onclick跳转到其他页面/跳转到指定url