⽤html语句超链接锚点使⽤,HTML锚点超链接
先介绍下场景:
我做了⼀个博客管理
⾸页界⾯如下:html网页设计超链接
标题是超链接，点击标题，进⼊博客详情页⾯:
博客标题下⾯有⼀个"返回"超链接，点击回到博客列表，超链接代码:
返回
说明:com.whuang.hsj.hrefClickCount的初始值为-1 ,
后来我发现有的博客很长，从博客底部回到标题那⼉，必须滚动⿏标滚⽼半天，太不⼈性化了.
于是我在博客底部增加了⼀个超链接"回到博客标题"，如下:
但是问题出现了:
我点击"回到博客标题"超链接之后，再点击"返回",⼜会回到博客底部，我知道什么原因.
"回到博客标题"超链接 使⽤了锚点跳转，但是也属于跳转，跳转之后，博客底部就属于history了.所以再点击"返回"超链接就会回到history.
"回到博客标题"超链接实现代码:
var aInput =ateElement("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 =ateElement("span");
span333.innerHTML="  | ";
contentDiv.appendChild(span333);
锚点位置:
怎么办呢?
解决⽅法:
"回到博客标题"超链接点击⼀次就把com.whuang.hsj.hrefClickCount ⾃减1，但是实际测试有问题，如果我点击两次以上，再点击"返回"页⾯就会回到很早的页⾯(不是博客列表页⾯).
最终解决⽅法:
不论点击多少次"回到博客标题",go(-2)就可以回到博客列表注意:
(1)后台采⽤spring MVC 框架;
(2)博客详情页⾯的"返回博客列表"超链接和"返回"超链接相同.

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。