关于锚点页内链接跳转出现问题(不响应,没有反应)的解决方法(ZT)
2024-10-20 05:35:59
我们知道,利用锚点可以实现页面链接跳转,也可以实现同一页面内的跳转功能。
例如:
<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> 1</P><P> </P><P> 11</P><P> 111</P><P> 1111</P><P> 11111</P>
<P> 1</P><P> </P><P> 11</P><P> 111</P><P> 1111</P><P> 11111</P>
<P> 1</P><P> </P><P> 11</P><P> 111</P><P> 1111</P><P> 11111</P>
<a href="#top1">到顶端</a>
</CENTER>
</body>
</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> 1</P><P> </P><P> 11</P><P> 111</P><P> 1111</P><P> 11111</P>
<P> 1</P><P> </P><P> 11</P><P> 111</P><P> 1111</P><P> 11111</P>
<P> 1</P><P> </P><P> 11</P><P> 111</P><P> 1111</P><P> 11111</P>
<a href="#top1">到顶端</a>
</CENTER>
</body>
</html>
使用其中的“到顶端”链接,无法返回到页面顶端。
但是如果在<a name="top1"></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> 1</P><P> </P><P> 11</P><P> 111</P><P> 1111</P><P> 11111</P>
<P> 1</P><P> </P><P> 11</P><P> 111</P><P> 1111</P><P> 11111</P>
<P> 1</P><P> </P><P> 11</P><P> 111</P><P> 1111</P><P> 11111</P>
<a href="#top1">到顶端</a>
</CENTER>
</body>
</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> 1</P><P> </P><P> 11</P><P> 111</P><P> 1111</P><P> 11111</P>
<P> 1</P><P> </P><P> 11</P><P> 111</P><P> 1111</P><P> 11111</P>
<P> 1</P><P> </P><P> 11</P><P> 111</P><P> 1111</P><P> 11111</P>
<a href="#top1">到顶端</a>
</CENTER>
</body>
</html>
总结:
页内链接内,或其旁边,也必须有浏览器内的可见字符,浏览器才认为它有效(在IE6.0.3790.1830中测试结果如上)。
作为一点小小的经验,与大家共享。
最新文章
- 简历生成平台项目开发-STEP5初步界面demo实现
- XPath 简介
- ABAP程序运行锁定
- Spring AOP小结
- Java开发者值得关注的7款新工具
- jQuery Mobile学习日记(二)
- 运维知识体系v0.5
- css所有选择器的详解
- GF(2^8)乘法
- 转 oraenv
- Cs231n课堂内容记录-Lecture 6 神经网络训练
- (十三)Batch Processing
- Java面试3
- Confluence 6 workbox 配置查询间隔
- C#编码、解码与ASP.NET编码解码对应函数
- WebGL学习笔记(一)
- 关系测试# 或 print(s2-s)Python 集合
- Stein算法求最大公约数
- 关于cmp函数参数中的&符号
- C++智能指针,指针容器原理及简单实现(auto_ptr,scoped_ptr,ptr_vector).
热门文章
- ACM学习历程—HDU 5289 Assignment(线段树 || RMQ || 单调队列)
- 【LeetCode】042 Trapping Rain Water
- 消息队列:快速上手ActiveMQ消息队列的JMS方式使用(两种模式:Topic和Queue的消息推送和订阅)
- win10系统下安装64位Oracle11g+LSQL Developer
- 一致性哈希算法原理、避免数据热点方法及Java实现
- UVa 714 Copying books 贪心+二分 最大值最小化
- 二叉树遍历入门 Lebal:research
- [poj3450]Corporate Identity(后缀数组)
- Linux安装JDK1.7&;nbsp;prm
- 1.14不使用回车键来读取n个字符