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

Question

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

我已经从第二个问题的答案中得出了教训： 书签：将隐藏的iframe附加到页面并加载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';

您还可以使用style属性：

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

注意：如果元素的位置不是absolute或relative ，请不要忘记忽略这些内容。