页面动态设置锚点方法

最新推荐文章于 2024-04-03 10:32:00 发布

小犀牛_

最新推荐文章于 2024-04-03 10:32:00 发布

阅读量4.9k

点赞数

分类专栏：前端开发

本文链接：https://blog.csdn.net/ssrrxx111/article/details/38515289

版权

前端开发专栏收录该内容

10 篇文章 0 订阅

订阅专栏

1、页面动态设置锚点，可以根据页面的不同点击位置设置图片。使用案例，在底部有视频播放区域，点击某个视频进入视频播放并且页面刷新后自动跳转到描点位置。

    <script>
        function pageNametop() {
            //从这里得到video的id
            var a = location.href;

            if (a.indexOf("videoid") < 0) {
                return;
            }
            
            var b = a.split("=");

            //  var c = b.slice(b.length - 1, b.length).toString(String).split("_");
            //得到最后一个
            return b.slice(-1);
         
        }
        function daohangcss() {
            var pagenametop = pageNametop();
        
            if (pagenametop == null) {

            }
            else {
                window.location.href = "default.aspx?projectid=<%=OneModel.ID %>&videoid=" + pagenametop
            + "#maodian" + pagenametop;
            }


        }
        window.onload = function winread() {
            daohangcss();
        }
    </script>

这里的锚点可以静态的设置在某个位置。这种方式自动将跳转到动态锚点附近。