1. 程式人生 > >關於錨點如何不用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>