HTML中的跳转链接和锚点

<a href="https://www.baidu.com">点击跳转到百度</a>

其中，href属性表示跳转链接的目标地址，可以是相对路径或绝对路径，也可以是其他站点的地址。例如：

<a href="./about.html">点击跳转到关于我们</a>
<a href="https://www.google.com">点击跳转到谷歌</a>

使用JavaScript函数实现跳转链接

使用JavaScript函数实现跳转链接可以更加灵活，举个例子：

<button onclick="location.href='https://www.baidu.com'">点击跳转到百度</button>

其中，location.href表示跳转链接的目标地址，可以是相对路径或绝对路径，也可以是其他站点的地址。例如：

<button onclick="location.href='./about.html'">点击跳转到关于我们</button>
<button onclick="location.href='https://www.google.com'">点击跳转到谷歌</button>

锚点

<a href="#section1">点击跳转到第一章节</a>

<h2 id="section1">第一章节</h2>

其中，href属性值以#开头，后面跟着目标位置的id值，id值需要在目标位置中添加，例如上面代码中的<h2>标签。

使用JavaScript函数实现锚点

使用JavaScript函数实现锚点可以更加灵活，举个例子：

<button onclick="location.href='#section1'">点击跳转到第一章节</button>

<h2 id="section1">第一章节</h2>

其中，location.href表示目标位置的id值，例如上面代码中的section1。

本文为翻滚的胖子原创文章,转载无需和我联系,但请注明来自猿教程iskeys.com