html中 锚点的应用

1. 在同一页面中

<a name="add"></a><!-- 定义锚点 -->

<a href="#add">跳转到add</a>


2. 在不同页面中,锚点定位在a.html中,从另外一个页面的链接跳转到这个锚点

<a href="a.html#add">跳转到a.add</a>


3. 点击链接触发js事件,同时跳转到锚点,有两种处理方式:
第一种:
<a href="#add" onclick="add()">触发add函数并跳转到add锚点</a>
第二种:
<p id="pNode"><!-- contents --></p><!-- 假设一个需要跳转到的节点 -->
<a href="#" onclick="document.getElemetnById('pNode').scrollIntoView(true);return false;">通过scrollIntoView实现锚点效果</a>

猜你喜欢

转载自blog.csdn.net/weixin_42632372/article/details/81030294
今日推荐