关于锚点如何不用a标签也能实现跳转

本文主要是介绍关于锚点如何不用a标签也能实现跳转，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

一般情况下的锚点跳转方式

<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>

这篇关于关于锚点如何不用a标签也能实现跳转的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---