Question

任务是重新调整嵌入式iFrame的大小，这将主动更改其内容而无需重新加载自身或父级，因此几乎所有可用的答案都不起作用，因为他们建议

$("#audio").on("timeupdate", function (event) {
  if (this.currentTime >= 5 && !$(this).data('resumed')) {
    $("#audio")[0].pause();
    $('#resume').show();
  }
});

$('#resume').click(function() {
  $("#audio").data('resumed', true).get(0).play();
})

使用<iframe src="url" id="iframe1" marginheight="0" frameborder="0" onLoad="autoResize('iframe1');"></iframe>来调用重新调整大小的函数。

Answer 1

要在我的父页面上解决问题，我有以下内容：的Index.aspx

onLoad

在我的page.aspx的身体里面，我有：

<div>
 <script>
  function resizeIframe(height) {
    document.getElementById('frameUpload').height = height;
   }
  </script>
<iframe id="iframe" src="/child/page.aspx"  marginheight="0" frameborder="0"></iframe>

然后在体内我有以下JavaScript：

<body  onChange="CallThisToResize();">

这样做，每当身体发生变化时，它会获得新的高度，将其发送给父级，然后相应地重新调整iframe高度。

重新调整主动更改其高度的iFrame

1 个答案: