Как установить высоту iframe в зависимости от содержимого в нем?

Получите и установите iframe на основе содержимого в нем. По умолчанию высота 150 пикселей. Я попытался получить высоту с помощью document.documentelement.clientheight,

Вы также должны объяснить, что происходит, с тем, что вы пробовали. Попробуйте contentWindowdeveloper.mozilla.org/en-US/docs/Web/API/HTMLIFrameElement/…

njras 13.09.2018 19:27

проверьте это Как ответить [1] поможет вам решить вашу проблему. [1]: stackoverflow.com/questions/9162933/…

DKCodex 13.09.2018 19:30
0
2
184
2

Ответы 2

Я думаю, вы можете создать две функции, одну в документе, в котором вы создаете iframe, а другую в документе, который вы показываете в iframe, например:

Родительская функция:

$.fn.setSizeIframe = function(height,width) {

  $(#idIframe).width(width);
  $(#idIframe).height(height);

}

В этой функции вы получите два аргумента (высоту и ширину), эти аргументы будут переданы функцией, которая вызывает функцию setSizeIframe, в данном случае для функции, которая будет в дочернем документе или в документации, которую вы покажете. в iframe.

Дочерняя функция:

$.fn.mySize = function(){

  let height = $("body").height();
  let width = $("body").width();

  parent.$.fn.setSizeIframe(height,width);

}

Эта функция должна быть вызвана, когда документ будет готов (Дочерний документ).

Сначала вам нужно получить элемент iframe. Затем установите высоту вашего iframe, равную высоте тела содержимого внутри iframe.

const iframe = document.getElementById('myIframe');

iframe.style.height = iframe.contentWindow.document.body.offsetHeight;

Другие вопросы по теме