如何添加#hash单击元素

时间:2011-10-25 15:03:00

标签: javascript jquery url hash

当我在http://www.mywebsite.com/打开我的页面时,我有这个jQuery代码:

$('#locSlideButton2').click(function() {

});

我想点击locSlideButton2元素,在网址中添加一个哈希值(例如#example),而不进行任何重定向。

我该怎么做?

4 个答案:

答案 0 :(得分:44)

使用普通的老香草JS:

window.location.hash='example';

MDN on window.location

答案 1 :(得分:7)

有两种方法,要么你使用javascript,你可以访问window.location.hash,或者你将你的点击事件绑定到<a href="#example">,并防止点击默认,或者认为它很酷页面上升到顶部,哈希值应出现在浏览器地址栏中。

答案 2 :(得分:0)

现在,您可以使用.container { position: absolute; min-height: 90vh; max-height: 90vh; width: 90%; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: auto; } .container, .top { color: $primary; width: 100%; display: grid; grid-template-columns: auto auto 1fr 250px; grid-template-rows: auto 1fr; border-bottom: 0.1rem solid $contrast; padding: 30px; align-items: baseline; overflow: auto; } .container, .content{ position: relative; padding: 30px; font-size: 1.2rem; } .container, .footer { position: absolute; bottom:20px; width: 100%; } 来恢复该线程,其工作原理与上述相同,但也避免了自动滚动到id的情况,从而使您可以完全控制要使用该哈希的操作:

https://{test}.sharepoint.com/sites/pwa/_api/ProjectData/Recursos(guid'xxx')/

MDN on History API

答案 3 :(得分:-3)

简单地包裹#locSlideButton2' with`就像这样

<a href="#yourhash"><button id="locSlideButton2">Click me.</button></a>

这样做