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

来源:互联网 发布:爸爸网络用语怎么叫 编辑:程序博客网 时间:2024/05/21 08:39

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

<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>
阅读全文
0 0
原创粉丝点击