Связать div с определенным разделом на другой странице в HTML

Question

эй, у меня новая дилемма .....

У меня есть 3 блока, как 3 блока, и в каждом блоке есть изображение и некоторый текст, и я хочу, чтобы, когда я щелкаю в любом месте любого блока, тогда он переходил на другую страницу, например. если я нахожусь на домашней странице, то при нажатии на поле она перейдет на страницу service.html на сайте.

Я сделал это

<div onClick="document.location='service.html';">

и его рабочий файл. Но я хочу, чтобы когда пользователь нажимал на первый div , он переходил на сервис .html и в этом конкретном разделе , а во втором блоке переходил на другой раздел на service.html и т. д. .......

Чтобы быть более понятным, Я хочу связать div с определенным разделом для конкретной страницы ..

Как я могу это сделать ??

Answer 1

Вам нужно будет добавить идентификатор к элементам на странице service.html, на которую вы хотите сослаться, а затем включить их в свои ссылки:

<div onClick="window.location.href='service.html#section-1';">Go to Section 1</div>
<div onClick="window.location.href='service.html#section-2';">Go to Section 2</div>

PS Любая причина, по которой вы используетеJavascript вместо обычных тегов привязки?

Answer 2

эй, я получил ответ ма ......

<div onClick="document.location='service.html#section1_ID';">
<div onClick="document.location='service.html#section2_ID';">
<div onClick="document.location='service.html#section3_ID';">

и в этом разделе я использовал именно этот

<div id="section1_ID">bla bla bla</div>

и так далее .............

Answer 3

Смотрите ниже.

// jQuery method
$('.location').bind("click", function() {
  window.location = $(this).data('location');
});

<div class="collection-item location" 
      data-location="service.html#section1_ID" >
   Lorem ipsum, blah
</div>