JS——锚点的运用

Posted 站错队了同志

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS——锚点的运用相关的知识,希望对你有一定的参考价值。

锚点的两种形式:

1、<a href="#a">点击到锚点</a>

2、window.location.hash = "#a";

最后都是在寻找对应的id:<p id="a">这是锚点A</p>

<body>
    <a href="#a">点击到锚点</a>
    <br /><br /><br />
    <div onclick="tz()">点击到锚点</div>
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <p id="a">这是锚点A</p>
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <script>
        function tz() {
            window.location.hash = "#a";
        }
    </script>
</body>

 

以上是关于JS——锚点的运用的主要内容,如果未能解决你的问题,请参考以下文章

vue中实现页面锚点的跳转

vue中实现页面锚点的跳转

js回到顶部------转载

锚点标记的HTML代码是啥?

js使用锚点回到顶部

jQuery下锚点的平滑跳转