JSP中运用锚点详解编程语言

运用场景

在现实的项目中 <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>

原创文章,作者:奋斗,如若转载,请注明出处:https://blog.ytso.com/14065.html

(0)
上一篇 2021年7月19日
下一篇 2021年7月19日

相关推荐

发表回复

登录后才能评论