關於錨點頁內鏈接跳轉出現問題(不響應,沒有反應)的解決方法(ZT)


我們知道,利用錨點可以實現頁面鏈接跳轉,也可以實現同一頁面內的跳轉功能。

例如:
<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" >< name ="top1" ></ a ></ td >
   </ tr >
</ table >
< CENTER >
< P > &nbsp;1 </ P >< P > &nbsp; </ P >< P > &nbsp;11 </ P >< P > &nbsp;111 </ P >< P > &nbsp;1111 </ P >< P > &nbsp;11111 </ P >
< P > &nbsp;1 </ P >< P > &nbsp; </ P >< P > &nbsp;11 </ P >< P > &nbsp;111 </ P >< P > &nbsp;1111 </ P >< P > &nbsp;11111 </ P >
< P > &nbsp;1 </ P >< P > &nbsp; </ P >< P > &nbsp;11 </ P >< P > &nbsp;111 </ P >< P > &nbsp;1111 </ P >< P > &nbsp;11111 </ P >
< href ="#top1" >到頂端 </ a >
</ CENTER >
</ body >
</ html >

 

使用其中的“到頂端”鏈接,無法返回到頁面頂端。
但是如果在<a name="top1"></a>前面加入一個&nbsp;(即一個空格),該鏈接就可以用了。請看如下:

 

< 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" > &nbsp; < name ="top1" ></ a ></ td >
   </ tr >
</ table >
< CENTER >
< P > &nbsp;1 </ P >< P > &nbsp; </ P >< P > &nbsp;11 </ P >< P > &nbsp;111 </ P >< P > &nbsp;1111 </ P >< P > &nbsp;11111 </ P >
< P > &nbsp;1 </ P >< P > &nbsp; </ P >< P > &nbsp;11 </ P >< P > &nbsp;111 </ P >< P > &nbsp;1111 </ P >< P > &nbsp;11111 </ P >
< P > &nbsp;1 </ P >< P > &nbsp; </ P >< P > &nbsp;11 </ P >< P > &nbsp;111 </ P >< P > &nbsp;1111 </ P >< P > &nbsp;11111 </ P >
< href ="#top1" >到頂端 </ a >
</ CENTER >
</ body >
</ html >


總結:
   頁內鏈接內,或其旁邊,也必須有瀏覽器內的可見字符,瀏覽器才認為它有效(在IE6.0.3790.1830中測試結果如上)。
   作為一點小小的經驗,與大家共享。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM