是否可以在不更改URL（HTML）的情况下链接到div？

Question

所以，基本上，我希望人们可以通过指向Divs的链接来浏览我的网站，但是希望浏览器不要更改当前的URL（它会在.html文件的末尾添加#divname）。

我有这样的事情：

<div id="modalLogin" class="modalLogin">
    <!-- random stuff here -->
</div>

在其他地方，我有一个指向该Div的链接：

<a href="#modalLogin"> 
    <img class="btnLogin" src="../images/btnLogin.png" alt="Log in!"/> 
</a>

但是，正如我之前提到的，每当他们点击这些链接时，网址都会发生变化。我希望能够在没有发生这种情况的情况下浏览网站。如果可能的话，只使用HTML（没有JavaScript，没有jQuery，没有AJAX）。

虽然我们在这里，但我看到整个网站根本没有改变他们的网址（即使我已经跟踪了请求并且显然正在浏览不同的文件），有些网站甚至没有向您显示'预期地址'（浏览器左下角的URL）。我该怎么做？

提前致谢！

P.S。：我搜索过这个网站，显然所有“类似”的问题恰恰相反：如何更改网址。

Answer 1

我认为你可以使用Javascript。

//Grab your current Url
var url = window.location.toString();
//Remove anchor from url using the split
url = url.split("#")[0];

示例 JSFIDDLE