Question

所以我正在尝试制作一个书签，将一个iframe置于一个位置：固定，这样我就可以在做其他事情时玩一些纸牌。我听说你不能有一个位置：固定在iframe上，所以你必须把它放在一个div中。（未压缩的JS。）

var element = document.createElement("div");
element.style.position = "fixed";
element.style.zIndex = "9999";
element.id = "lc";
var element2 = document.createElement("iframe");
document.body.appendChild(element2);
element2.src = "https://www.google.com/logos/fnbx/solitaire/standalone.html";
element2.height = "300";
element2.width = "400";
document.getElementById('lc').appendChild(element);

（压缩的JS）

javascript:void function(){var e=document.createElement("div");e.style.position="fixed",e.style.zIndex="9999",e.id="lc";var t=document.createElement("iframe");document.body.appendChild(t),t.src="https://www.google.com/logos/fnbx/solitaire/standalone.html",t.height="300",t.width="400",document.getElementById("lc").appendChild(e)}();

我也试过JQuery（什么也没做）

var element = document.createElement("div");
document.createElement("div");
element.style.position = "fixed";
element.style.zIndex = "9999";
element.id = "test";
$(document).ready(function() {
  $("#test").html("<iframe src='https://www.google.com/logos/fnbx/solitaire/standalone.html'></iframe>");
});

到目前为止，它所做的只是在游戏的页面底部制作一个iframe，但它不会移动。

Answer 1

从document.body.appendChild(element2)您将iframe添加到页面底部，而不是div的子项。

你真的想要：

element.appendChild(element2); // appends the iframe (element2) to div (element)
document.body.appendChild(element); // appends the div to the body

在div中创建一个iframe，两者都是由Javascript创建的

1 个答案: