关于锚点页内链接跳转出现问题(不响应,没有反应)的解决方法(ZT)

时间:2022-08-07 15:43:09

我们知道,利用锚点可以实现页面链接跳转,也可以实现同一页面内的跳转功能。

例如:
<a href="somepage.htm>某页面链接</a>  可以跳转链接到somepage.htm,
<a href="#top">回顶端</a>  可以跳转到同一页面中,我们定义的锚点<a name="top"></a>所在位置。

但有时我们发现,页内跳转不能用,这是怎么回事呢?今天我就碰到这样的问题。

最后经过我多次测试,终于找到了原因。请看如下代码:

关于锚点页内链接跳转出现问题(不响应,没有反应)的解决方法(ZT)<html>
关于锚点页内链接跳转出现问题(不响应,没有反应)的解决方法(ZT)<head>
关于锚点页内链接跳转出现问题(不响应,没有反应)的解决方法(ZT)<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
关于锚点页内链接跳转出现问题(不响应,没有反应)的解决方法(ZT)<table width="500" border="1" align="center" cellpadding="0" cellspacing="3">
关于锚点页内链接跳转出现问题(不响应,没有反应)的解决方法(ZT)  <tr>
关于锚点页内链接跳转出现问题(不响应,没有反应)的解决方法(ZT) <td width="690"><a name="top1"></a></td>
关于锚点页内链接跳转出现问题(不响应,没有反应)的解决方法(ZT)  </tr>
关于锚点页内链接跳转出现问题(不响应,没有反应)的解决方法(ZT)</table>
关于锚点页内链接跳转出现问题(不响应,没有反应)的解决方法(ZT)<CENTER>
关于锚点页内链接跳转出现问题(不响应,没有反应)的解决方法(ZT)<P>&nbsp;1</P><P>&nbsp;</P><P>&nbsp;11</P><P>&nbsp;111</P><P>&nbsp;1111</P><P>&nbsp;11111</P>
关于锚点页内链接跳转出现问题(不响应,没有反应)的解决方法(ZT)<P>&nbsp;1</P><P>&nbsp;</P><P>&nbsp;11</P><P>&nbsp;111</P><P>&nbsp;1111</P><P>&nbsp;11111</P>
关于锚点页内链接跳转出现问题(不响应,没有反应)的解决方法(ZT)<P>&nbsp;1</P><P>&nbsp;</P><P>&nbsp;11</P><P>&nbsp;111</P><P>&nbsp;1111</P><P>&nbsp;11111</P>
关于锚点页内链接跳转出现问题(不响应,没有反应)的解决方法(ZT)<a href="#top1">到顶端</a>
关于锚点页内链接跳转出现问题(不响应,没有反应)的解决方法(ZT)</CENTER>
关于锚点页内链接跳转出现问题(不响应,没有反应)的解决方法(ZT)</body>
关于锚点页内链接跳转出现问题(不响应,没有反应)的解决方法(ZT)</html>

使用其中的“到顶端”链接,无法返回到页面顶端。
但是如果在<a name="top1"></a>前面加入一个&nbsp;(即一个空格),该链接就可以用了。请看如下:

关于锚点页内链接跳转出现问题(不响应,没有反应)的解决方法(ZT)<html>
关于锚点页内链接跳转出现问题(不响应,没有反应)的解决方法(ZT)<head>
关于锚点页内链接跳转出现问题(不响应,没有反应)的解决方法(ZT)<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
关于锚点页内链接跳转出现问题(不响应,没有反应)的解决方法(ZT)<table width="500" border="1" align="center" cellpadding="0" cellspacing="3">
关于锚点页内链接跳转出现问题(不响应,没有反应)的解决方法(ZT)  <tr>
关于锚点页内链接跳转出现问题(不响应,没有反应)的解决方法(ZT) <td width="690">&nbsp;<a name="top1"></a></td>
关于锚点页内链接跳转出现问题(不响应,没有反应)的解决方法(ZT)  </tr>
关于锚点页内链接跳转出现问题(不响应,没有反应)的解决方法(ZT)</table>
关于锚点页内链接跳转出现问题(不响应,没有反应)的解决方法(ZT)<CENTER>
关于锚点页内链接跳转出现问题(不响应,没有反应)的解决方法(ZT)<P>&nbsp;1</P><P>&nbsp;</P><P>&nbsp;11</P><P>&nbsp;111</P><P>&nbsp;1111</P><P>&nbsp;11111</P>
关于锚点页内链接跳转出现问题(不响应,没有反应)的解决方法(ZT)<P>&nbsp;1</P><P>&nbsp;</P><P>&nbsp;11</P><P>&nbsp;111</P><P>&nbsp;1111</P><P>&nbsp;11111</P>
关于锚点页内链接跳转出现问题(不响应,没有反应)的解决方法(ZT)<P>&nbsp;1</P><P>&nbsp;</P><P>&nbsp;11</P><P>&nbsp;111</P><P>&nbsp;1111</P><P>&nbsp;11111</P>
关于锚点页内链接跳转出现问题(不响应,没有反应)的解决方法(ZT)<a href="#top1">到顶端</a>
关于锚点页内链接跳转出现问题(不响应,没有反应)的解决方法(ZT)</CENTER>
关于锚点页内链接跳转出现问题(不响应,没有反应)的解决方法(ZT)</body>
关于锚点页内链接跳转出现问题(不响应,没有反应)的解决方法(ZT)</html>
关于锚点页内链接跳转出现问题(不响应,没有反应)的解决方法(ZT)

总结:
   页内链接内,或其旁边,也必须有浏览器内的可见字符,浏览器才认为它有效(在IE6.0.3790.1830中测试结果如上)。
   作为一点小小的经验,与大家共享。