JSP中运用锚点

最新推荐文章于 2023-06-26 15:58:54 发布

升平乐坊主

最新推荐文章于 2023-06-26 15:58:54 发布

阅读量1.1k

点赞数

分类专栏：实践知识点文章标签：实践知识点

本文链接：https://blog.csdn.net/palmshe/article/details/50701092

版权

实践知识点专栏收录该内容

10 篇文章 0 订阅

订阅专栏

运用场景

在现实的项目中 <a> 标签中的 href 前会有 basePah 被定义，那么使用 html 锚点技术会导致页面跳转，应该考虑其他方式，比如 JS中的 obj.scrollIntoView()方法，其中 obj 就是锚点对象本身

代码

    <a id="anchorId"></a>
    <!-- 
        省略页面代码
    -->
    <div>
    <!-- 
        比如浏览到此处，有一个返回到锚点的点击事件      
     -->
     <a href="javascript:void(0); returnToAnchor();">返回</a>
    </div>
    <!-- 
        省略页面代码
    -->
    <script type="text/javascript">
        function returnToAnchor(){
             document.getElementById("anchorId").scrollIntoView();
             //注意：此处的 id 是锚点 id
        }
    </script>