【问题标题】:how to visit my site by .xyz.com/#divname, can any one help me? [duplicate]如何通过 .xyz.com/#divname 访问我的网站,有人可以帮助我吗? [复制]
【发布时间】:2014-01-20 23:35:51
【问题描述】:

我想通过这种方式直接浏览到我的网站 div:

www.xyz.com/#divname

我看到的一些网站,我知道有办法做到这一点,谁能告诉我代码

我试过了

window.location.href=#divname

但不滚动。

【问题讨论】:

  • 您的div 应该有一个匹配的id。试试吧,如果你遇到更具体的问题,请回来 - 并包含你的代码

标签: javascript html


【解决方案1】:

试试

window.location.hash = '#divname';

其中#divname 是您的divid

【讨论】:

  • 我试过这个方法,在 Chrome(版本 31.0.1650.63)中发现 location.hash 只能工作一次。例如。如果用户滚动到某个锚点,然后移开并希望滚动回同一个锚点,则它不起作用。 location.href 似乎总是有效。这里是Fiddle,不知道其他浏览器有没有同样的情况。
  • @AeroX 这是为您提供的解决方案jsfiddle.net/cmhN5/3。只需添加一个未使用的锚location.hash = 'anchornotused';
【解决方案2】:

你可以试试这个,

<body onload="window.location.hash = '#divname';">

【讨论】:

    【解决方案3】:

    这称为书签链接,请参阅此处http://www.hyperlinkcode.com/bookmark.php

    要通过 javascript 导航到锚点,您可以使用以下代码:

    window.location.hash = "#divname";
    

    本主题也是以下内容的重复: How to scroll HTML page to given anchor using jQuery or Javascript?

    问候。

    【讨论】:

      【解决方案4】:

      如果您想直接使用 URL 浏览(根据您的问题),那么绝对不需要任何 javascript。

      您需要做的就是为您的div 元素设置一个id,以匹配您要使用的锚标记。在您的示例中:

      www.xyz.com/#divname

      那么你需要一个像这样的元素:

      <div id="divname">
      </div>
      

      Here is a working example

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2022-01-01
        • 1970-01-01
        • 1970-01-01
        • 2017-12-09
        • 2018-07-13
        • 1970-01-01
        • 2021-04-19
        • 1970-01-01
        相关资源
        最近更新 更多