Как разместить html в iframe

180

14 августа 2018, 04:30

Я создал iframe. Хочу в iframe добавить html текст. Помогите пожалуйста.

function createFrame() { 
  var fr = document.createElement("iframe"); 
  fr.src = ""; 
  fr.width = "30%"; 
  fr.height = "300px"; 
  document.body.appendChild(fr); 
} 
createFrame();

Answer 1

"Не корысти ради."

function createFrame() {
  var fr = document.createElement("iframe");
  fr.src = "about:blank";
  fr.width = "30%";
  fr.height = "100px";
  document.body.appendChild(fr);
  fr.contentWindow.document.write("<p>Hello, world!</p>");
  fr.contentWindow.document.write("<p>Hello, Денис!</p>");
}
createFrame();

https://jsfiddle.net/qo29chus/2/

Answer 2

http://jsfiddle.net/4mrepvaz/

function createFrame() {
  var fr = document.createElement("iframe");
  fr.width = "30%";
  fr.height = "300px";
  document.body.appendChild(fr);
  fr.contentDocument.body.innerHTML = "<h1>Hi!</h1>"
}
createFrame();

PS: Без сниппета, т. к. тут настройки безопасности не позволяют этому коду работать.