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中测试结果如上)。
       作为一点小小的经验,与大家共享。

  • 相关阅读:
    几种开源工作流引擎的简单比较(转)
    ExecuteScalar
    机房重构---我们“重构”出了什么?
    薏米红豆粥功效及做法介绍
    Mean Shift具体介绍
    linux fork函数浅析
    html的下拉框的几个基本使用方法
    Readprocessmemory使用方法
    配置Log4j(非常具体)
    【Linux】linux经常使用基本命令
  • 原文地址:https://www.cnblogs.com/gates/p/3408629.html
Copyright © 2011-2022 走看看