相关疑难解决方法(0)

通过使用javascript锚定跳跃

我有一个经常会被发现的问题.问题是无处可寻找明确的解决方案.

锚有两个问题.

主要目标应该是在使用锚点跳转到页面时获得一个没有任何哈希值的漂亮干净URL.

所以锚的结构是:

<ul>
    <li><a href="#one">One</a></li>
    <li><a href="#two">Two</a></li>
    <li><a href="#three">Three</a></li>
</ul>

<div class="wrap">
    <a name="one">text 1</a>
    <a name="two">text 2</a>
    <a name="three" class="box">text 3</a>
</div>
Run Code Online (Sandbox Code Playgroud)

好的,如果您点击其中一个链接,网址将自动更改为

www.domain.com/page#1

最后这应该只是:

www.domain.com/page

到现在为止还挺好.现在第二件事是,当您在互联网上搜索该问题时,您会发现它javascript是一种解决方案.

我找到了这个功能:

function jumpto(anchor){
    window.location.href = "#"+anchor;
}
Run Code Online (Sandbox Code Playgroud)

并调用该函数:

<a onclick="jumpto('one');">One</a>
Run Code Online (Sandbox Code Playgroud)

会像以前一样.它会将哈希添加到网址中.我还补充道

<a onclick="jumpto('one'); return false;">
Run Code Online (Sandbox Code Playgroud)

没有成功.所以,如果有人能告诉我如何解决这个问题,我真的很感激.

非常感谢.

html javascript anchor function href

117
推荐指数
3
解决办法
21万
查看次数

标签 统计

anchor ×1

function ×1

href ×1

html ×1

javascript ×1