锚点的使用Demo

最新推荐文章于 2023-01-30 15:47:41 发布

长江

最新推荐文章于 2023-01-30 15:47:41 发布

阅读量1.1k

点赞数

分类专栏： C#WEB 文章标签：锚点

本文链接：https://blog.csdn.net/lonestar555/article/details/27360105

版权

本文详细介绍了HTML中锚点的使用方法，通过示例代码展示了如何创建和跳转到页面内的特定位置，帮助读者理解锚点在网页链接中的作用。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
<head>
    <title>TestAnthorPoint.htm   锚点</title>
</head>
<body>
    <div>
        <a href="#1f">锚点1-使用ID定位</a>
        <a href="TestAnthorPoint2.htm#2f">锚点2-使用name定位（只能定位a链接）</a>
        <a href="#3f" οnclick="javascript:document.getElementById('3f').scrollIntoView();return false;">锚点3-脚本定位对象到顶部</a>
        <a href="#3f" οnclick="javascript:document.getElementById('3f').scrollIntoView(false);return false;">锚点3-脚本定位对象到底部</a>
        <p>语法：object.scrollIntoView( [bAlignToTop]) </p>
        <p>
            参数：bAlignToTop 布尔型：true/false，默认参数不传则为true
            它们分别代表不同的含义。
            true:如果滚动条足够长，则将对象的顶端与当前窗口的顶部对齐
        </p>
    </d