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

changing URL into clicked elements on the page without reloading the page

本文关键字：新加载 加载 元素 URL 单击      更新时间：2023-09-26

更新浏览器地址栏而不重新加载我发现这是关于在不更新的情况下更改 URL。

我想做一个这样的网站http://fancytext.blogspot.ie/

但是，我希望符号覆盖地址栏上的 URL 而不是将符号添加到文本框中，这可以用 JavaScript 或 Ruby 吗？

您可以使用

pushState将任何文本"推送"到地址栏中，它就像地狱一样简单：

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

记得：

您可以使用完整地址，当您尝试推送 URL 时，当您尝试使用斜杠时，URL 中的路径将附加到当前 URL 的其他方式（如果我没记错的话）

工作示例是我自己的网站，当您滚动页面 http://dariuszm.pl 时地址正在更改（可能不适用于旧版浏览器）

绝对有可能。 您只需要在符号前放置一个哈希（#）。 #之后的任何内容不会导致页面更改。

您可以在没有 JavaScript 的情况下通过 a 标签中的href轻松设置它......

<a href="#Ⓐ">Ⓐ</a>

但是如果你迫切希望使用 JavaScript，它也可以在那里完成......

<script>
    location.hash = '#Ⓐ';
</script>
相关文章：