如何链接到另一个页面上的<div>?</div>

时间:2013-12-13 11:40:17

标签: html

我希望某个特定链接转到另一个页面上的某个标题。我知道如何在当前页面上进行。

4 个答案:

答案 0 :(得分:39)

看一下锚标签。您可以使用

创建锚点
<div id="anchor-name">Heading Text</div>

稍后再参考

<a href="http://server/page.html#anchor-name">Link text</a>

答案 1 :(得分:4)

您只需将链接的想法与href=foo.html组合在一起,以及指向同一页面上元素的链接,就像使用href=#bar一样,这样片段就像{{1}一样在引用另一个页面的URL之后立即写入:

#bar

指定的目标与在一个页面内链接时的目标相同,例如

<a href="foo.html#bar">Some nice link text</a>

或(如果您确实想要专门链接到标题)

<div id="bar">
<h2>Some heading</h2>
Some content
</div>

答案 2 :(得分:3)

您可以在下一页网址中添加哈希信息,以便在加载页面后将浏览器移动到特定位置(任何html元素)。

这可以通过这种方式完成:

在next_page的url中添加hash:example.com# hashkey

$( document ).ready(function() {

  ##get hash code at next page
  var hashcode = window.location.hash;

  ## move page to any specific position of next page(let that is div with id "hashcode")
  $('html,body').animate({scrollTop: $('div#'+hascode).offset().top},'slow');

});

答案 3 :(得分:0)

创建一个锚:

<a name="anchor" id="anchor"></a> 

然后链接到它:

<a href="http://server/page.html#anchor">Link text</a>