javascript - 从 href 标签调用 div,但同时使其出现在地址栏链接中

标签 javascript php jquery html ajax

我会尝试非常简单地解释:

我通过这样的 href 标签调用 div:

<a href="#injectie" class="doua-randuri">Injectie</a>

 <div id="injectie">
<p>some text</p>
  </div>

它运行良好,但我需要实现这一目标:假设我的页面链接是 www.example.com 。我希望当我单击链接调用 div 时,我的页面的 url 将发生如下变化:

www.example.com/#injectie 但不离开页面。我的方法是只调用 div 但不更改 url。 有办法实现这一点吗?

最佳答案

您可以做的是将页面 URL 放入链接中,而不仅仅是 anchor 的 ID。

<a href="../thispage.html#injectie" class="doua-randuri">Injectie</a>

<div id="injectie">
    <p>some text</p>
</div>

由于您不希望重新加载页面,因此这个问题可能会有所帮助: Modify the URL without reloading the page

关于javascript - 从 href 标签调用 div,但同时使其出现在地址栏链接中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31208885/

相关文章:

javascript - Google pagespeed 显示渲染阻塞,甚至进入 body 部位

javascript - JS Socket.io 断开 for() 循环

php - 在 Bluehost 上安装 Cakephp

php - 当我知道客户端的文件路径时如何上传文件?

具有自动完成功能的 jQuery 网格

jquery - 如何在div中间垂直对齐多个图像

没有 id 的 JavaScript 元素

javascript - 如何在AngularJS中根据http结果生成不同的html内容?

php - 从 Symfony 2 AbstractType 获取表单字段

javascript - 是否可以将 `event.preventDefault()` 与 jQuery 的 `select` 元素一起使用?