doc_inspector_remove-iframe-during-load.html (1249B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>iframe creation/deletion test</title> 6 </head> 7 <body> 8 <div id="yay"></div> 9 <script type="text/javascript"> 10 "use strict"; 11 12 var yay = document.querySelector("#yay"); 13 yay.textContent = "nothing"; 14 15 // Create a promise that the test can wait for. 16 let resolveReadyPromise; 17 window.readyPromise = new Promise(r => (resolveReadyPromise = r)); 18 19 // Create/remove an iframe before load. 20 var iframe = document.createElement("iframe"); 21 document.body.appendChild(iframe); 22 iframe.remove(); 23 yay.textContent = "before events"; 24 25 // Create/remove an iframe on DOMContentLoaded. 26 document.addEventListener("DOMContentLoaded", function() { 27 const newIframe = document.createElement("iframe"); 28 document.body.appendChild(newIframe); 29 newIframe.remove(); 30 yay.textContent = "DOMContentLoaded"; 31 }); 32 33 // Create/remove an iframe on window load. 34 window.addEventListener("load", function() { 35 const newIframe = document.createElement("iframe"); 36 document.body.appendChild(newIframe); 37 newIframe.remove(); 38 yay.textContent = "load"; 39 40 resolveReadyPromise(); 41 }); 42 </script> 43 </body> 44 </html>