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

例如:
<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>&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>
<a 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;<a 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>
<a href="#top1">到顶端</a>
</CENTER>
</body>
</html>

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

最新文章

  1. 简历生成平台项目开发-STEP5初步界面demo实现
  2. XPath 简介
  3. ABAP程序运行锁定
  4. Spring AOP小结
  5. Java开发者值得关注的7款新工具
  6. jQuery Mobile学习日记(二)
  7. 运维知识体系v0.5
  8. css所有选择器的详解
  9. GF(2^8)乘法
  10. 转 oraenv
  11. Cs231n课堂内容记录-Lecture 6 神经网络训练
  12. (十三)Batch Processing
  13. Java面试3
  14. Confluence 6 workbox 配置查询间隔
  15. C#编码、解码与ASP.NET编码解码对应函数
  16. WebGL学习笔记(一)
  17. 关系测试# 或 print(s2-s)Python 集合
  18. Stein算法求最大公约数
  19. 关于cmp函数参数中的&符号
  20. C++智能指针,指针容器原理及简单实现(auto_ptr,scoped_ptr,ptr_vector).

热门文章

  1. ACM学习历程—HDU 5289 Assignment(线段树 || RMQ || 单调队列)
  2. 【LeetCode】042 Trapping Rain Water
  3. 消息队列:快速上手ActiveMQ消息队列的JMS方式使用(两种模式:Topic和Queue的消息推送和订阅)
  4. win10系统下安装64位Oracle11g+LSQL Developer
  5. 一致性哈希算法原理、避免数据热点方法及Java实现
  6. UVa 714 Copying books 贪心+二分 最大值最小化
  7. 二叉树遍历入门 Lebal:research
  8. [poj3450]Corporate Identity(后缀数组)
  9. Linux安装JDK1.7&amp;nbsp;prm
  10. 1.14不使用回车键来读取n个字符