Question

我有一个iframe内联src，如：

let src = `data:text/html;charset=UTF-8,<html>
    <body>
      <p>Content</p>
    </body>
  </html>`

加载页面时我正在创建iframe并将其添加到页面正文中：

let iframe = document.createElement("iframe")
document.querySelector('body').appendChild(iframe)

然后我将src设置为iframe：

iframe.setAttribute('src', src)

如何在iframe内容中设置渲染的宽度和高度，并设置为iframe的宽度和高度以及执行此操作的最佳方式（使用JS或CSS）

Answer 1

我并不完全确定您要实现的目标，所以我只是回答有关获取元素比例并根据其他元素相应更改问题的部分问题。

实现这一目标的最简单方法可能是使用jQuery

＆＃13;

$(function(){
  
  $('#changed').css({'height': $('#whatfrom').height(), 'width': $('#whatfrom').width()});  

});

＆＃13;

#changed {
   height: 50px;
   width: 50px;
   outline: 1px solid red;
}

#whatfrom {
   margin-top: 10px;
   height: 150px;
   width: 100px;
   outline: 1px solid blue;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="changed">I'll take width and height of the div below me</div>
<div id="whatfrom">Watch.. the element above will take my width and height. What a copycat!</div>

＆＃13;

显然将#changed和#whatfrom div更改为您需要的任何内容

Answer 2

我所做的就是将pd.DataFrame([' '.join(r).split() for r in df.values]) 0 1 2 3 4 0 a a b c d 1 b e f g h 2 c i j k l用作about:blank，这样您就可以轻松地从页面访问内部iframe而无需进入＆＃34;相同的原始政策＆＃34; 问题< / p>

src

的 JSFiddle DEMO

获取内联iframe的大小

2 个答案: