您的位置:首页 > 其它

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

2017-07-13 18:22 197 查看
一般情况下的锚点跳转方式

<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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: