Как вставить содержимое в iframe без url или файлов

Question

У меня есть одна проблема: Мне нужно вывести на айфрейм содержимое без url файла и тому подобное

<iframe src='<b>Привет мир!</b>' />

но у меня получаеться пустой фрейм и я никак не могу найти в интернете решение.

Answer 1

Для этого у <iframe> существует метод .srcdoc:

const iframe = document.createElement('iframe')

iframe.widht = 300
iframe.height = 200
iframe.srcdoc = `<b>Hello World</b>`

document.body.append(iframe)

Answer 2

Можно разместить скрипт создания элементов и стилей непосредственно в атрибуте src:

<iframe src="javascript:
             let el = document.createElement(`B`);
             el.textContent=`Привет мир!`;
             document.body.append(el);">
</iframe>

<iframe src="javascript:
             document.head.insertAdjacentHTML(`beforeend`, `<style>.bold{font-weight:700}</style>`);
             document.body.insertAdjacentHTML(`beforeend`,`<div class='bold'>Привет мир!</div>`);">
</iframe>

Ну и не забывайте, что <iframe> - парный тег. То есть закрывать его обязательно.

БЛОГ НА HUSL

Как вставить содержимое в iframe без url или файлов

Ответы (2 шт):