Как открыть iframe в другом iframe из другого / внешнего html файла - PullRequest
Новая
       2

Как открыть iframe в другом iframe из другого / внешнего html файла

0 голосов
/ 27 марта 2020

Я хочу открыть iframe в другом iframe из внешнего файла. Например:

index. html file 

    <!doctype html>
    <html>

    <head>
	    <title>Iframe 1</title>
    </head>

    <body style="text-align: center; background-color: #F4D03F; color: #333;margin: 0; padding: 0;position: absolute;width: 100%;height: 100%;">
	    <h1>Iframe 1</h1>
	    <iframe id="iframe" style="border: 0; position: absolute; display: none; width: 100%; height: 100%; left: 0; top: 0"></iframe>
    </body>

    </html>

Второй файл называется iframe2. html

<!doctype html>
<html>
<head>
    <title>Iframe 2</title>
</head>
<body style="text-align: center; background-color: #F4D03F; color: #333;margin: 0; padding: 0;position: absolute;width: 100%;height: 100%;">
    <h1>Iframe 2</h1>
    <iframe id="iframe" style="border: 0; position: absolute; display: none; width: 100%; height: 100%; left: 0; top: 0"></iframe>
</body>

</html>

и я хотел бы открыть тот же идентичный файл, но в виде iframe 2, после загрузки первого . Таким образом, это будет своего рода вложенные iframes, но в отдельных html файлах. Возможно ли это вообще?

1 Ответ

0 голосов
/ 27 марта 2020

То есть вы имеете в виду что-то вроде: 

if2.addEventListener("click",()=>{
  let if3 = document.createElement('iframe');
  if3.id="if3";
  if1.appendChild(if3);
  });
iframe{height:250px;width:250px;border:1px solid black;}
#if3{height:50px;width:50px;}
<iframe id="if1"></iframe>
<iframe id="if2"></iframe>

также окно слова в javascript является глобальным, поэтому, если оно вызывается во вложенном фрейме, вы можете вернуть его обратно в основной документ.

вот пример, который показывает окно в действии:

https://jsfiddle.net/josewirewax/2rqnsdd6/

и еще один с большим количеством фреймов

http://jsfiddle.net/asicfr/670uc0ve/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...