Javascript 如何使用js在url中隐藏散列

我有一个滚动插件，它使用我的div ID滚动到一个特定的锚

它创建的URL如下：

http://example.com/#examplediv|700

我想找到一种方法，使用js或任何其他建议的方法来隐藏url中的哈希

我想转换这个：

http://example.com/#examplediv|700

输入此：

http://example.com/

---

有什么想法吗？

散列在

位置。散列

属性中。只需将其设置为空字符串。如果需要在代码的其余部分使用它，可以先将其保存在另一个变量中

var saved_hash = location.hash;
location.hash = '';

---

哈希位于

位置。hash

属性中。只需将其设置为空字符串。如果需要在代码的其余部分使用它，可以先将其保存在另一个变量中

var saved_hash = location.hash;
location.hash = '';

---

哈希位于

位置。hash

属性中。只需将其设置为空字符串。如果需要在代码的其余部分使用它，可以先将其保存在另一个变量中

var saved_hash = location.hash;
location.hash = '';

---

哈希位于

位置。hash

属性中。只需将其设置为空字符串。如果需要在代码的其余部分使用它，可以先将其保存在另一个变量中

var saved_hash = location.hash;
location.hash = '';

---

您可以修改正在使用的滚动插件，也可以自己添加，但您需要执行以下操作：

假设：与此滚动相关的所有div都需要有

锚定滚动类

HTML

您可以修改正在使用的滚动插件，也可以自己添加，但您需要执行以下操作：

假设：与此滚动相关的所有div都需要有
锚定滚动类

HTML

您可以修改正在使用的滚动插件，也可以自己添加，但您需要执行以下操作：

假设：与此滚动相关的所有div都需要有
锚定滚动类

HTML

您可以修改正在使用的滚动插件，也可以自己添加，但您需要执行以下操作：

假设：与此滚动相关的所有div都需要有
锚定滚动类

HTML

您可以删除它，保存它并滚动到锚点，这具有相同的效果

// Add smooth scrolling to links
$(".anchor-link").on('click', function(event) {

 // Prevent default anchor click behavior
 event.preventDefault();

 // Store hash
 var hash = this.hash;

 // Using jQuery's animate() method to add page scroll
 // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
 $('html, body').animate({
   scrollTop: $(hash).offset().top
 }, 800);

});

但仅适用于同一页面上的锚。如果锚点位于不同的页面，该怎么办？
您可以删除它，保存它，然后滚动到锚点，这具有相同的效果

// Add smooth scrolling to links
$(".anchor-link").on('click', function(event) {

 // Prevent default anchor click behavior
 event.preventDefault();

 // Store hash
 var hash = this.hash;

 // Using jQuery's animate() method to add page scroll
 // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
 $('html, body').animate({
   scrollTop: $(hash).offset().top
 }, 800);

});

但仅适用于同一页面上的锚。如果锚点位于不同的页面，该怎么办？
您可以删除它，保存它，然后滚动到锚点，这具有相同的效果

// Add smooth scrolling to links
$(".anchor-link").on('click', function(event) {

 // Prevent default anchor click behavior
 event.preventDefault();

 // Store hash
 var hash = this.hash;

 // Using jQuery's animate() method to add page scroll
 // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
 $('html, body').animate({
   scrollTop: $(hash).offset().top
 }, 800);

});

但仅适用于同一页面上的锚。如果锚点位于不同的页面，该怎么办？
您可以删除它，保存它，然后滚动到锚点，这具有相同的效果

// Add smooth scrolling to links
$(".anchor-link").on('click', function(event) {

 // Prevent default anchor click behavior
 event.preventDefault();

 // Store hash
 var hash = this.hash;

 // Using jQuery's animate() method to add page scroll
 // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
 $('html, body').animate({
   scrollTop: $(hash).offset().top
 }, 800);

});

但仅适用于同一页面上的锚。如果锚点位于另一个页面怎么办？
这不会“隐藏”，但会将其删除（如果应用程序不再需要它，这可能很好）。我的应用程序需要它，但我只是不希望它显示在浏览器URL中。您可以在更改位置之前将其保存在另一个变量中。@Barmar您能给我举个例子吗，我仍然是JS的新手，不会“隐藏它”，但是，这会删除它（如果你的应用程序不再需要它，这可能很好）。我的应用程序需要它，但我只是不希望它显示在浏览器URL中。你可以在更改位置之前将它保存在另一个变量中。@Barmar你能给我举个例子吗，我仍然是JS的新手，不会“隐藏它”，但是，这会删除它（如果你的应用程序不再需要它，这可能很好）。我的应用程序需要它，但我只是不希望它显示在浏览器URL中。你可以在更改位置之前将它保存在另一个变量中。@Barmar你能给我举个例子吗，我仍然是js的新手，不会“隐藏它”，但是，这会删除它（如果你的应用程序不再需要它，这可能很好）。我的应用程序需要它，但我只是不希望它显示在浏览器URL中。你可以在更改位置之前将它保存在另一个变量中。@Barmar你能给我举个例子吗，我仍然是js的新手