javascript - 如何在不刷新页面的情况下调整iframe的大小？

我在iframe中嵌入了一些swf，但是只有刷新页面后，iframe才会重新调整大小，然后，如果我选择其他if，则所有swf不仅会显示动画，还会显示背景。这就是我正在使用的

if ( 'resizeIframe' === $('#onPlayAction').val() ) {
    var ifrEl = $('div.player-container iframe.page-iframe')[0];

    $(ifrEl).show();
    ifrEl.src = htmlPageBrowserUri;
    ifrEl.onload = function() {
      ifrEl.width = ifrEl.contentWindow.document.body.scrollWidth;
      ifrEl.height = ifrEl.contentWindow.document.body.scrollHeight;
    }
  }

最佳答案

有三种方法可以做到这一点。


您可以在每次调整窗口大小时更改大小

$(window).on('resize', function (){

  ifrEl.width = ... ;
  ifrEl.height = ... ;

})

您可以使用之类的jQuery插件
您可以使用一些漂亮的CSS技巧。继续搜索responsive iframes using css，您会找到很多不错的答案。


希望对您有帮助。