使用id定位
a标签的href属性设置成要定位的元素的id
<a href="#5">a链接,使用href=“#要定位的id”来定位</a>
<div id="1">1</div>
<div id="2">2</div>
<div id="3">3</div>
<div id="4">4</div>
<div id="5">5</div>
<div id='6'>6</div>
<a name="name">a标签</a>
点击后div6就会出现在视野中。
使用name定位
此方法只适用于a标签之间,a链接使用href=“#要定位的name”来定位
<a href="#n">a链接使用href=“#要定位的name”来定位,此方法只能定位a标签</a>
<div id="1">1</div>
<div id="2">2</div>
<div id="3">3</div>
<div id="4">4</div>
<div id="5">5</div>
<div id='6'>6</div>
<a name="n">a标签</a>
点击后内容是'a标签'的就会出现在视野中。
js
使用元素的方法scrollIntoView()
<span onclick="javasctipt:document.getElementById('6').scrollIntoView()">使用js来定位</span>
<div id="1">1</div>
<div id="2">2</div>
<div id="3">3</div>
<div id="4">4</div>
<div id="5">5</div>
<div id='6'>6</div>
<a name="n">a标签</a>
点击后div6就会出现在视野中。
注意:可以从一个页面链接到另一个页面的锚记位置
<a href="maodian2.html#other_page" target="_blank">另一个页面传送门</a>
maodian2.html是另一个页面,l#other_page是另一个页面的元素id