Всплывающий HTML-код, который будет открываться вне тега iframe в полноэкранном режиме

#html

#HTML

Вопрос:

Я использовал «header.html » в iframe внутри «index.html » итак «header.html » отображается на «index.html «.

И я добавил всплывающую ссылку на «header.html » и хотел бы, чтобы всплывающее окно открывалось за пределами его iframe.

Поэтому, когда кто-то нажимает на кнопку, другая html-страница должна открываться вне тега iframe в виде всплывающего окна.

index.html код:

 <iframe src="header.html" width="100%"></iframe>
  

header.html код:

 <a href="popup.html">POPUP</a>
<!-- When someone clicks on POPUP then popup.html should be opened as on popup on index.html -->
  

Комментарии:

1. Я не думаю, что мы можем из соображений безопасности, потому что некоторые скажут, что возиться с фреймами и не-фреймами довольно рискованно, однако я полагаю, что мы можем использовать alert() функцию Javascript.

2. нет ли какой-либо альтернативы для этого??

3. да! конечно……

4. Я думаю, что самый простой метод — это window.alert() функция в Javascript, но ее нельзя стилизовать. В качестве альтернативы, я полагаю, вы могли бы перейти на другую страницу, содержащую всплывающее содержимое.

5. Я не уверен, но другим решением, которое исправило бы оба из них, было бы сделать заголовок таким же высоким, как размер экрана, и позволить ему переполнять содержимое. Однако проблема в том, что остальная часть страницы перестает отвечать на запросы.