Как мы можем открыть HTML-страницу после нажатия на кнопку строки меню в определенной части окна?

Question

После нажатия на меню должна открываться определенная html-страница в одной части окна. Как я могу сделать это с тегом div? не могли бы вы рассказать мне пример? Сейчас я делаю это с помощью тега Frame, но есть и другая альтернатива Заранее спасибо.

Answer 1

Если я правильно понял, что вы хотите открыть всплывающее окно на своей странице с HTML внутри, нажав кнопку, вы можете сделать это следующим образом

function openHtml()
{
   document.getElementById("html_block").innerHTML = "YourHTML..."; //simple way
   //$("#target_div").load("YOUR_PAGE.html"); //you can also use this to load html from file using jquery
}

.main_page
{
 width: 100%;
 height: 200px;
 background: grey;
 position: relative;
}
#html_block
{
  position: absolute;
  background: red;
  left: 80%; /*your specific position*/
  bottom: 10px;
}

<div class="main_page">
  <button onclick="openHtml()">open html</button>
  <div id="html_block"></div>
</div>

Answer 2

Вы должны включить ссылку на div, на который хотите настроить таргетинг, с идентификатором, например:

<a href="https://getbootstrap.com/docs/4.1/components/card/#list-groups">Link</a>

Вы можете видеть там, последняя часть говорит #list-group, это ссылка на раздел с id из list-groups на странице компонентов Bootstrap; вам придется сделать то же самое; укажите идентификатор раздела, в который вы хотите перейти; и когда страница откроется, она перейдет в этот раздел.

Так что-то вроде:

<a href="another_page/#your_section_id">Link</a>

Откроет страницу и нацелит раздел на этой странице, который имеет это:

<div id="your_section_id"></div>