Javascript 是否可以制作一个单页网页的链接,以打开并定位到特定的文章?

Javascript 是否可以制作一个单页网页的链接,以打开并定位到特定的文章?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,有没有一种方法可以通过外部链接打开一篇特定的文章,当链接在一页网页上打开时,将注意力集中在它上 我有一个网页,通过隐藏和显示div,在你点击链接时显示内容。我想要的是以mywebpage/(div的名字)的形式创建一个指向我的网页的外部链接,并让该链接打开我的网页,但立即显示该div的内容,而不是单击普通mywebpage链接时通常会看到的打开内容 可能吗?怎样做呢?简短的回答:是的 详细回答:您必须在页面加载时检查URL的哈希,并手动将其转换为隐藏或显示的div(或其他位置) 在进行此操作时,

有没有一种方法可以通过外部链接打开一篇特定的文章,当链接在一页网页上打开时,将注意力集中在它上

我有一个网页,通过隐藏和显示div,在你点击链接时显示内容。我想要的是以mywebpage/(div的名字)的形式创建一个指向我的网页的外部链接,并让该链接打开我的网页,但立即显示该div的内容,而不是单击普通mywebpage链接时通常会看到的打开内容

可能吗?怎样做呢?

简短的回答:是的

详细回答:您必须在页面加载时检查URL的哈希,并手动将其转换为隐藏或显示的div(或其他位置)

在进行此操作时,可以在打开和关闭div时提供浏览器历史记录支持

分解我所做的(段从页面源的第322行开始)

历史记录也很简单,我使用Modernizer.js来获得最佳的跨浏览器支持,但看起来是这样的(非Modernizer的使用非常相似)


是的,你可以使用锚链。 因此,在目标页面中,使用id命名div,比如divid=“target”。 然后在参考页面中使用此表单中的链接

参考页:

目标页面:

<div id="target">
...content...
</div>

…内容。。。

仅供参考-“target”只是一个示例名称,它可以是任何…

如指向特定stackoverflow答案的链接?可能重复:我知道了,我访问了您的页面并尝试使用该链接。它马上就到了!非常感谢,我会进一步调查的!我可以自由地承认代码不是最好的(正如@unfected的快速编辑所证明的),但它确实有效!我一直在不断地改变对内容的要求,比如在什么地方、什么时候显示什么内容。我相信有一种方法可以链接到某个特定的产品。我认为tipmedia.com/index.html#p-campus。。。?啊,那部分代码不是非常健壮,我想我是唯一知道如何生成这些链接的人……我很快就编辑了,看到你链接到了另一个源代码,所以我返回了我想我的编辑只是格式化,得到了几行我想要的包装。如果你愿意的话,可以随意简化jQuery,我只是从原始源代码复制过来的。无论如何,非常感谢。我知道链接到一个页面不是问题,或者当你已经在页面上时使用href链接页面的各个部分,但是如果它来自外部链接,并且所有内容都在同一页面上,我不太确定该怎么做。
//during the hide/show of new content...
    //if history is available
    if(Modernizr.history) {
        //this data is whatever it is you wish to save
        lastPageState = { div:divName, pos:amount, page:lastLoadedPage };
        history.pushState(lastPageState, divName.substring(1,divName.length-6), "index.html");
    }
//...
//then later, the popsate event handler
window.onpopstate = function(event) {
    //examine event.state and do whatever you need to
    //example segment starts line 989
    //Whatever data you saved would be read here and you would do the appropriate action,
    //hiding or showing divs, reloading AJAX content, etc.
}
<div id="target">
...content...
</div>