仅使用javascript创建iframe

我在其中一个编程挑战网站上苦苦挣扎了一段时间。它有一个控制台类型的东西，可以让我输入javascript并按下run按钮。我需要在该网页内创建一个iframe，其中包含另一个网页（例如，我在thiswebsite.com/level1上，我需要在其中创建一个iframe，其中包含thiswebsite.com/level2）

已尝试按如下方式创建iFrame：

document.getElementById('someDiv').innerHTML = '<iframe src="thissite.com/level2/" height= 300 width=400>';

document.getElementById（'someDiv'）。innerHTML=''；

但是，当我尝试此操作时，它不会运行，是否有其他方法？

---

谢谢。

使用

createElement

方法的

文档

var a = document.createElement('iframe');
a.src = "your path will go here"; //add your iframe path here
a.width = "1000";
a.height = "500";
document.querySelector('body').appendChild(a)

我只是将

iframe

附加到

body

。要将其附加到

someDiv

中，请将最后一行替换为下面的代码

document.getElementById('someDiv').appendChild(a);

---

我怀疑该网站不允许您创建

iFrame

例如，如果您在

控制台中尝试以下代码

    //define function
    function prepareiFrame() {
        var ifrm = document.createElement("iframe");
        ifrm.setAttribute("src", "https://google.com/");
        ifrm.style.width = "640px";
        ifrm.style.height = "480px";
        document.body.appendChild(ifrm);
    }

    //call it
    prepareiFrame()

Stackoverflow将抛出以下错误：

拒绝在帧中显示“”，因为它将“X-frame-Options”设置为“SAMEORIGIN”

---

你的问题是什么？我将准确的代码复制并粘贴到一个JSFIDLE（使用不同的源代码）中，它工作了。站点根本不会运行它，我假设它正在寻找另一个解决方案，下面提供的答案确实编译并运行了。这就是我被卡住的原因，因为我的代码应该可以工作。有没有办法将大小设置为这个？这个答案也会运行，谢谢。Wc。编辑了答案检查。您可以指定任何有效的html属性。我还建议添加类名

a.width

和

a.height

似乎只是这样做的