zoukankan      html  css  js  c++  java
  • 关于锚点页内链接跳转出现问题(不响应,没有反应)的解决方法(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中测试结果如上)。
       作为一点小小的经验,与大家共享。

  • 相关阅读:
    Java数据结构与算法(15)
    SpringJMS解析--使用示例
    Java数据结构与算法(14)
    Java数据结构与算法(13)
    Java数据结构与算法(12)
    如何实践设计原则-面向对象设计原则
    软件架构的两大流派:组成派、决策派
    软件 可变与不可变 及封装可变性
    Java数据结构与算法(11)
    搭建本地yum仓库及自制rpm包(无需镜像)
  • 原文地址:https://www.cnblogs.com/gates/p/3408629.html
Copyright © 2011-2022 走看看