Как подключиться к <div> на другой странице?

Ответ 1

Взгляните на теги привязки. Вы можете создать привязку с

<div id="anchor-name">Heading Text</div>

и обратитесь к нему позже

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

Ответ 2

Вы просто объединяете идеи ссылки на другую страницу, как с href=foo.html, и ссылку на элемент на той же странице, что и на href=#bar, так что фрагмент типа #bar записывается сразу после URL, который ссылается на другую страницу:

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

Цель указана так же, как при связывании внутри одной страницы, например

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

или (если вы действительно хотите напрямую связать только с заголовком)

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

Ответ 3

Вы можете добавить хэш-информацию в URL-адрес следующей страницы для перемещения браузера в определенную позицию (любой элемент html) после загрузки страницы.

Это можно сделать следующим образом:

добавить хэш в URL следующей_страницы: 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');

});

Ответ 4

Создайте привязку:

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

затем ссылку на него:

<a href="#" onclick="location.href='http://server/page.html#anchor'; return false;">Link text</a>