如何从不同/外部 html 文件在另一个 iframe 中打开 iframe

Question

我想从外部文件在另一个 iframe 中打开一个 iframe。 例如：

index.html 文件

 <!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，在第一个加载后。 所以它是一种嵌套的 iframe，但在单独的 html 文件中。 总体上可以吗？

Answer 1

所以你的意思是：

 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 中的单词 window 也是全局的，所以如果在嵌套的 iframe 中调用它，您可以将它恢复到主文档中。

这是一个显示正在运行的窗口的示例：

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

另一个有很多 iframe

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