我們知道,利用錨點可以實現頁面鏈接跳轉,也可以實現同一頁面內的跳轉功能。
例如:
<a href="somepage.htm>某頁面鏈接</a> 可以跳轉鏈接到somepage.htm,
<a href="#top">回頂端</a> 可以跳轉到同一頁面中,我們定義的錨點<a name="top"></a>所在位置。
但有時我們發現,頁內跳轉不能用,這是怎么回事呢?今天我就碰到這樣的問題。
最后經過我多次測試,終於找到了原因。請看如下代碼:
<
html
>
<
head
>
<
body
leftmargin
="0"
topmargin
="0"
marginwidth
="0"
marginheight
="0"
>
<
table
width
="500"
border
="1"
align
="center"
cellpadding
="0"
cellspacing
="3"
>
<
tr
>
<
td
width
="690"
><
a
name
="top1"
></
a
></
td
>
</
tr
>
</
table
>
<
CENTER
>
<
P
>
1
</
P
><
P
>
</
P
><
P
>
11
</
P
><
P
>
111
</
P
><
P
>
1111
</
P
><
P
>
11111
</
P
>
<
P
>
1
</
P
><
P
>
</
P
><
P
>
11
</
P
><
P
>
111
</
P
><
P
>
1111
</
P
><
P
>
11111
</
P
>
<
P
>
1
</
P
><
P
>
</
P
><
P
>
11
</
P
><
P
>
111
</
P
><
P
>
1111
</
P
><
P
>
11111
</
P
>
<
a
href
="#top1"
>到頂端
</
a
>
</
CENTER
>
</
body
>
</
html
>
使用其中的“到頂端”鏈接,無法返回到頁面頂端。
但是如果在<a name="top1"></a>前面加入一個 (即一個空格),該鏈接就可以用了。請看如下:
<
html
>
<
head
>
<
body
leftmargin
="0"
topmargin
="0"
marginwidth
="0"
marginheight
="0"
>
<
table
width
="500"
border
="1"
align
="center"
cellpadding
="0"
cellspacing
="3"
>
<
tr
>
<
td
width
="690"
>
<
a
name
="top1"
></
a
></
td
>
</
tr
>
</
table
>
<
CENTER
>
<
P
>
1
</
P
><
P
>
</
P
><
P
>
11
</
P
><
P
>
111
</
P
><
P
>
1111
</
P
><
P
>
11111
</
P
>
<
P
>
1
</
P
><
P
>
</
P
><
P
>
11
</
P
><
P
>
111
</
P
><
P
>
1111
</
P
><
P
>
11111
</
P
>
<
P
>
1
</
P
><
P
>
</
P
><
P
>
11
</
P
><
P
>
111
</
P
><
P
>
1111
</
P
><
P
>
11111
</
P
>
<
a
href
="#top1"
>到頂端
</
a
>
</
CENTER
>
</
body
>
</
html
>
總結:
頁內鏈接內,或其旁邊,也必須有瀏覽器內的可見字符,瀏覽器才認為它有效(在IE6.0.3790.1830中測試結果如上)。
作為一點小小的經驗,與大家共享。