将URL更改为页面上单击的元素而不重新加载页面

时间:2016-03-20 09:58:40

标签: javascript html

Update browser address bar without reload 我发现这有关在不更新的情况下更改URL。

我想建立一个类似的网站 http://fancytext.blogspot.ie/

但是我没有在文本框中添加符号,而是希望符号覆盖地址栏上的URL,这可能是javascript还是ruby?

2 个答案:

答案 0 :(得分:0)

绝对有可能。您只需要在符号前加上哈希值(#)。 href之后的任何内容都不会导致页面更改。

您可以通过a代码中的<a href="#Ⓐ">Ⓐ</a> 轻松地设置它而不是JavaScript ...

<script>
    location.hash = '#Ⓐ';
</script>

但如果您迫切希望使用JavaScript,那么也可以在那里完成......

float

答案 1 :(得分:0)

您可以使用pushState将任何文本“推送”到地址栏中,它就像地狱一样简单:

window.history.pushState({url: yourUrl}, null, yourUrl);

记住:

你可以使用完整的地址,当你尝试推送url时,当你尝试使用斜杠时(如果我没记错的话),url中的路径将被附加到当前url的其他方式

工作示例是我自己的网站,当您滚动浏览页面http://dariuszm.pl时地址正在发生变化(可能无法在较旧的浏览器上运行)