0

我怎样才能：

  1. 等待外部 iFrame 加载
  2. 调整外部来源 iFrame 的大小（例如：100 像素 x 40 像素）
  3. 偏移外部来源的 iFrame（例如：25 像素 x 50 像素）

示例代码：

<html>
<body>
    <p>Here's Google's Logo Today:</p>
    <iframe id="google_logo" src="http://www.google.com/search?q=stackoverflow"></iframe>

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {});
    </script>
</body>
</html>

我知道您无法获取外部 iFrame 的内容，但是调整大小和偏移呢？

我也知道我的例子很荒谬。

4

1 回答 1

0

当外部 iframe 完全加载时，您无法触发事件，但其余的都是可能的。

将框架包裹在 div 中

<div id="frame_wrapper">
  <iframe id="google_logo" src="http://www.google.com/search?q=stackoverflow"></iframe>
</div>

添加以下 jQuery

$(document).ready(function() {
  $("#frame_wrapper").addClass("iframe_shift");
});

添加以下 CSS

#google_logo { width: 100%; height: 100%; }
.iframe_shift { width:100px; height: 45px; position: relative; top: 25px; left: 45px;  }​
于 2012-04-12T15:19:58.280 回答