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

Question

我知道如何通过html定位iframe，但我正在创建一个bookmarklet，当然这是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';

您还可以使用style属性：

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

注意：如果元素未定位绝对或相对，请不要忘记这些将被忽略。