javascript - 如何通过 javascript 代码将 iframe 定位为书签

Question

我知道如何通过 html 定位 iframe，但我正在制作一个书签，当然，它是 javascript。

我从这个问题的第二个答案中推断出了教训：Bookmarklet: Append hidden iframe to page and load url

并想出这个：

javascript:var%20ifra=document.createElement('iframe');ifra.src="https://imanerd11.kd.io/temp1.html";ifra.setAttribute("width","194");ifra.setAttribute("height","750");ifra.setAttribute("left","0");ifra.setAttribute("borders","no");ifra.setAttribute("scrollbars","no");ifra.setAttribute("top","0");void(document.body.appendChild(ifra));

• 这是它目前所做的截图。

我需要能够将它移动到页面的一侧，如下所示：

Answer 1

top并且left不是属性，它们是 CSS 属性。

您可以以编程方式设置样式，例如：

ifra.style.top = '100px';

您还可以使用样式属性：

ifra.setAttribute('style', 'top: 10px; left: 10px;');

注意：不要忘记，如果元素的定位不是absolute或relative ，这些将被忽略。