1<html> 2 3<script> 4 function onload() { 5 var frame = document.createElement("iframe"); 6 var div = document.getElementById("myDiv1"); 7 div.appendChild(frame); 8 9 frame.contentDocument.body.innerHTML += 10 "Some text<br>An image <img src='blue_background.png'.><br><b>Some more text</b>" 11 12 frame = document.createElement("iframe"); 13 div = document.getElementById("myDiv2"); 14 div.appendChild(frame); 15 16 frame.contentDocument.body.innerHTML += 17 "Some text<br>An image <img src='red_background.png'.><br><b>Some more text</b>" 18 19 frame = document.createElement("iframe"); 20 div = document.getElementById("myDiv3"); 21 div.appendChild(frame); 22 23 frame.contentDocument.body.innerHTML += 24 "Some text<br>An image <img src='orange_background.png'.><br><b>Some more text</b>" 25 26 } 27 28</script> 29 30<body onload="onload()"> 31 This page creates empty iframes and adds content to them dynamically.<br><br> 32 <div id="myDiv1"></div> 33 <div id="myDiv2"></div> 34 <div id="myDiv3"></div> 35</body> 36 37</html> 38
