一般情况下的锚点跳转方式
<a href="#point">点击跳转</a>
<a name="point">我是锚点</a>
但是如果并不是要点击一个具体的文字,而是图片等怎么办呢,可以用a标签包裹
<a name="point">
<img src="007.jpg" alt="我是图片"/>
</a>
但如果我需要点击table中的一行进行跳转呢,并不能使用a标签进行包裹,如果都给td内容加a标签包裹,明显没有人愿意这样做
于是我们可以观察锚点跳转实现的原理,当点击锚点后,地址栏变成了blog.csdn.net#point,只是在当前地址后加上了#point,那我们可以用js达到同样的效果
<table width="100%" style="background-color:#0068b7;">
<tr onclick="javascript:location.href='#point'">
<td>点击跳转</td>
</tr>
</table>
<a name="point" style="display:block;margin-top:1000px;">我是锚点</a>