關於錨點如何不用a標籤也能實現跳轉
阿新 • • 發佈:2019-02-02
一般情況下的錨點跳轉方式
<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>