关于锚点页内链接跳转出现问题(不响应,没有反应)的解决方法(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"><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>总结：
页内链接内，或其旁边，也必须有浏览器内的可见字符，浏览器才认为它有效（在IE6.0.3790.1830中测试结果如上）。
作为一点小小的经验，与大家共享。
关于锚点页内链接跳转出现问题(不响应,没有反应)的解决方法(ZT)的更多相关文章
- markdown实现页内目录跳转
1.实现页内目录跳转 语法: 页面首部添加目录:[目录](#jump_id) 页面内部锚点:<span id='jump_id'>标题</span>
- ios应用内嵌h5页面数据自动变色识别为手机号码的解决方法——手机号码拨号禁用IOS手机页面数字自动识别为手机号
异常如下: ios应用内嵌h5页面,本来是设置了白色的数字,两三秒之后会自动变为黑色,然后点击的时候就会弹出是否拨号的提示: 解决方法: 添加如下meta标签,即可解决: <meta name= ...
- 关于angular跳转路由之后不能自动回到顶部的解决方法
Question: angular2 scroll top on router change 当我们在第一个路由滑动到底部当我们点击导航跳转到另一个路由时页面没有回到顶部而是保持上一个路由的滚动位置, ...
- markdown笔记实现页内目录跳转
方法一 使用Markdown的语法来增加跳转链接:[名称](#id). 1. 只要()内 #号 后面的内容和锚点处标签内的id对应即可,可以任意使用标签支持html语法 2. id不可以有括号和空格, ...
- 苹果cms开启防红跳转后，提示模板文件不存在解决方法
1,苹果cms开启防红跳转后,提示模板文件不存在(如下图)这是因为你使用的模板里面缺少苹果cms自带的防红跳转模板导致,遇到这种状况后需要把苹果cms默认自带的( template/default_p ...
- wampserver 点击跳转localhost变0.0.0.0的解决方法！
最近下载新版本wampserver发现点击项目不会自动添加localhost了,导致访问项目很麻烦. 修改如下 修改wamp根目录下的wampmanager.conf urlAddLocalhost ...
- 用 Markdown 写作(一)——添加文章页内导航
Markdown 可以用更简化的标记来写文章,基本的语法可以参考Markdown 语法说明 (简体中文版). 我平时很少按照论文的写法去写博客,说来忏愧,因为很少写技术性的文章,最近看到百度百科和很多 ...
- github的markdown页内锚点以及本地资源链接
页内锚点参考 https://my.oschina.net/antsky/blog/1475173 [aaa](#2-aaabbb) 字母小写,.去掉,空格换成- 本地资源链接 [aaa](docs/ ...
- Html5 锚 <a>的页内跳转, name=abc herf=#abc
锚点是网页制作中超级链接的一种,又叫命名锚记.命名锚记像一个迅速定位器一样是一种页面内的超级链接,运用相当普遍. 英文名:anchor 使用命名锚记可以在文档中设置标记,这些标记通常放在文档的特定主题 ...
随机推荐
- WaitHandle.WaitAll 方法在WPF工程中的应用
因为WaiAll需要多线程支持, 而WPF是STA模式, 可以通过以下方式实现WaitAll ManualResetEvent[] events: foreach (ManualResetEvent ...
- Mysql常用命令行大全（一）
登录到mysql中,然后在mysql的提示符下运行下列命令,每个命令以分号结束. 1. 显示数据库列表. show databases; 缺省有两个数据库:mysql和test. mysql库存放着m ...
- POJ2349(求生成树中符合题意的边)
Arctic Network Time Limit: 2000MS Memory Limit: 65536K Total Submissions: 14977 Accepted: 4777 D ...
- 13 vue学习 package.json
一:package.json文件详解 管理你本地安装的npm包 .定义了这个项目所需要的各种模块,以及项目的配置信息(比如名称.版本.许可证等元数据).npm install命令根据这个配置文件,自动 ...
- 整理出来的一个windows关机、锁定、重启、注销 API调用
using System.Runtime.InteropServices; namespace HookDemo { class WindowsExit { [StructLayout(LayoutK ...
- WCF IIS部署
创建WCFHost应用程序 Iservice.cs using System; using System.Collections.Generic; using System.Linq; using S ...
- php+redis实现高并发模拟下单、秒杀、抢购操作
对于高并发下的场景,一般都是采用redis缓存机制来处理. 当然也不是只有redis可以处理.还有利用mysql事务操作锁住操作的行.文件锁. 不过这些方式都没有redis缓存高效.可靠. 模拟的过程 ...
- 注册美国iTunes账号步骤（跳过绑定银行卡）
步骤: 将iTunes客户端升级到最新版本 注销当前登陆的用户,随便搜索一个免费的应用 点击下载,此时会弹框提示你登陆,点击下方注册超链 跳转到注册页面,同意各种条款,点击下一步 填写邮箱(最好用gm ...
- 《剑指offer》面试题8—旋转数组的最小数字
题目:把一个数组最开始的若干个元素搬到数组末尾我们称之为数组的旋转.要求:输入一个递增排序的数组的旋转,输出旋转数组中的最小数字.例如{3,4,5,1,2}是{1,2,3,4,5}的一个旋转,该数组的 ...
- HTML前端入门归纳——控件
本人一直在从事.net的开发,界面都是采用的WPF,近期花了一个多月进行HTML前端的学习,在这里呢进行学习总结和归纳. 本系列将主要分为4个模块: 控件 样式 布局 JavaScript 根据多年W ...