Не могу найти способ автоматически изменить размер окна iframe в соответствии с его содержимым

Question

Я реорганизую свой личный веб-сайт, это портфолио, в котором я хочу загружать разные страницы в зависимости от проекта, который хочет видеть пользователь, и у меня возникла проблема при загрузке подстраницы в iframe. Я протестировал кучу различных javascripts и методов css для автоматического определения высоты подстраницы, но все, что я тестирую, либо не может считывать высоту подстраницы, либо как тот же эффект, что и установка height="100%" в iframe, который заполняет только родительский div, а не расширяет его.

Вот что я получил на данный момент:

В заголовке:

<script>
    function resizeIframe(obj) { 
        obj.style.height = obj.contentWindow.document.documentElement.scrollHeight + 'px';          
    }
</script>

My iframe:

<iframe sandbox="allow-same-origin allow-scripts" lang="en" src="subpage.html" allowTransparency="true" scrolling="no" frameborder="0" width="100%" onload="resizeIframe(this)"></iframe>

Может кто-нибудь мне поможет? Я что-то упустил?

PS: Я самоучка как в веб-дизайне, так и в программировании, поэтому возможно, что мой вопрос глупый или что мне не хватает чего-то очевидного ... извините, если это так: /

PS бис: я знаю, что использование iframe не всегда является лучшим, но в моем случае он позволяет мне очень легко интегрировать и поддерживать веб-страницы, поскольку мне нужно экспортировать свои страницы только из понятия, которое я настроил со всеми контент с подстраниц моего веб-сайта и вуаля ... Нет необходимости создавать все подстраницы веб-сайта самостоятельно, и их будет так легко поддерживать

Answer 1

Создание элемента ifame динамически решило эту проблему.

См .: Создание IFRAME с использованием JavaScript

И: Сделать iframe автоматически настраивать высоту в соответствии с к содержимому без использования полосы прокрутки?

Кроме того, атрибут lang, по-видимому, был в первую очередь виноват.

Также не очень ясно, почему iframe не отвечает как предназначен с атрибутом HTML lang. Возможно, это только случай в этом проекте?

Здесь вы можете найти информацию о iframe https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe и его атрибутах.

И здесь у вас есть информация о Global HTML атрибуты ... https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes.