445004-subframe.html (1097B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <script> 5 function $(str) { return document.getElementById(str); } 6 function hookLoad(str) { 7 $(str).onload = function() { window.parent.loadEnded(); }; 8 window.parent.loadStarted(); 9 } 10 window.onload = function() { 11 hookLoad("w"); 12 $("w").contentWindow.location.href = "passinner.png"; 13 hookLoad("x"); 14 var doc = $("x").contentDocument; 15 doc.write('<img src="passinner.png">'); 16 doc.close(); 17 }; 18 function doIt() { 19 hookLoad("y"); 20 $("y").contentWindow.location.href = "passouter.png"; 21 hookLoad("z"); 22 var doc = $("z").contentDocument; 23 doc.write('<img src="passouter.png">'); 24 doc.close(); 25 } 26 </script> 27 </head> 28 <body> 29 <iframe name="w" id="w" width="100" height="100"></iframe> 30 <iframe name="x" id="x" width="100" height="100"></iframe> 31 <iframe name="y" id="y" width="100" height="100"></iframe> 32 <iframe name="z" id="z" width="100" height="100"></iframe> 33 <img src="passinner.png"> 34 </body> 35 </html>