用html语句超链接锚点使用,HTML 锚点超链接

先介绍下场景:

我做了一个博客管理

首页界面如下:

标题是超链接,点击标题,进入博客详情页面:

博客标题下面有一个"返回"超链接,点击回到博客列表,超链接代码:

说明:com.whuang.hsj.hrefClickCount的初始值为-1 ,

后来我发现有的博客很长,从博客底部回到标题那儿,必须滚动鼠标滚老半天,太不人性化了.

于是我在博客底部增加了一个超链接"回到博客标题",如下:

但是问题出现了:

我点击"回到博客标题"超链接之后,再点击"返回",又会回到博客底部,我知道什么原因.

"回到博客标题"超链接使用了锚点跳转,但是也属于跳转,跳转之后,博客底部就属于history了.所以再点击"返回"超链接就会回到history.

"回到博客标题"超链接实现代码:

var aInput =document.createElement("a");

aInput.href="#title_loc";

aInput.innerHTML="回到博客标题";

aInput.className="frontBlogHrefClass";//class 样式,在单独的css文件中定义

aInput.οnclick=function(){

//注意:不论点击多少次"回到博客标题",go(-2)就可以回到博客列表

com.whuang.hsj.hrefClickCount=-2;

}

contentDiv.appendChild(aInput);

var span333 =document.createElement("span");

span333.innerHTML=" | 返回博客列表";

contentDiv.appendChild(span333);

锚点位置:

怎么办呢?

解决方法:

"回到博客标题"超链接点击一次就把com.whuang.hsj.hrefClickCount 自减1,但是实际测试有问题,如果我点击两次以上,再点击"返回"页面就会回到很早的页面(不是博客列表页面).

最终解决方法:

不论点击多少次"回到博客标题",go(-2)就可以回到博客列表

注意:

(1)后台采用spring MVC 框架;

(2)博客详情页面的"返回博客列表"超链接和"返回"超链接相同.

用html语句超链接锚点使用,HTML 锚点超链接相关推荐

html锚点(mao dian)--特殊的超链接
https://www.cnblogs.com/tommy-huang/p/4468574.html 锚点(anchor):其实就是超链接的一种,一种特殊的超链接普通的超链接,<a href= ...
HTML超链接标签——a标签、锚点、base标签、假链接标签
目录一.a标签 1.什么是a标签? 2.a标签中的属性: 3.注意点: 二.锚点 1.什么是锚点? 2.如何实现锚点? 3.要想实现通过a标签跳转到指定的位置分为两步:(重点!!!) 4.格式: 5 ...
html 锚文本,什么是锚文本，锚文本链接对SEO的影响！
SEO是一个细节决定成败的工作,如果你想要试图改善排名,每一名SEO人员在做优化的时候,都绕不开锚文本这个话题,如果你选择正确的锚文本,它会使你事半功倍,反之则是事倍功半. 那么,什么是锚文本,锚文本 ...
超链接一般有两种表现形式_超链接有哪几种类型,各有什么作用
展开全部分类: 1.按照连接路径的不同,网页中超62616964757a686964616fe4b893e5b19e31333431353364链接一般分为以下3种类型:内部链接,锚点链接和外部链接 ...
在html中超链接_怎么添加html网页的超链接？
看到许多朋友为文章的超链接感到不知所措,不知道一篇文章加多少超链接合适,也不知道如何添加文章的超链接,那么摩高互动与大家分享一下我们是如何添加文字超链接的? 超链接的介绍超链接在本质上属于一个网页的 ...
html语言的网页带超链接的,HTML语言与网页设计 ——超链接.ppt
HTML语言与网页设计 --超链接 HTML语言与网页设计 --超链接学习目标理解超链接的基本概念,掌握A标记符的用法. 超链接基础 URL(Universal Resources Locator ...
html命名锚id name,Html5 锚的页内跳转, name=abc herf=#abc | 易学教程
锚点是网页制作中超级链接的一种,又叫命名锚记.命名锚记像一个迅速定位器一样是一种页面内的超级链接,运用相当普遍. 英文名:anchor 使用命名锚记可以在文档中设置标记,这些标记通常放在文档的特定主题 ...
HTML超链接的作用是什么,设置超链接有什么作用_什么是超链接?
超链接在本质上属于一个网页的一部分,它是一种允许我们同其他网页或站点之间进行连接的元素.各个网页链接在一起后,才能真正构成一个网站.所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一 ...
超链接一般有两种表现形式_超链接的类型
展开全部按照连接路径的不同,网页中超链接一般分为以下3种类型:内部链接,锚点链接和32313133353236313431303231363533e58685e5aeb931333339666665 ...

用html语句超链接锚点使用,HTML 锚点超链接

用html语句超链接锚点使用,HTML 锚点超链接相关推荐

最新文章

热门文章