async_008.htm (1685B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Async script element execution delays the window's load event</title> 5 <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 6 <meta description="This test ensures an async script element's execution delays the window's load event." /> 7 <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> 8 <link rel="help" href="https://html.spec.whatwg.org/multipage/#delay-the-load-event"/> 9 <script src="/resources/testharness.js"></script> 10 <script src="/resources/testharnessreport.js"></script> 11 </head> 12 <body> 13 <div id=log></div> 14 <script type="text/javascript"> 15 var t = async_test("Async script element execution delays the window's load event"); 16 17 function timeout() 18 { 19 t.step(function(){ assert_equals(document.getElementById("testresult").innerHTML, "213")}); 20 t.done(); 21 } 22 23 var timer = setTimeout(timeout, 8000); 24 25 function log(text) 26 { 27 var textNode = document.createTextNode(text); 28 document.getElementById("testresult").appendChild(textNode); 29 } 30 </script> 31 32 <span id="testresult"></span> 33 <script type="text/javascript"> 34 window.addEventListener("load", function() { 35 log("3"); 36 timeout(); 37 }, false); 38 39 var s1 = document.createElement("script"); 40 s1.src = "log.py?sec=2&id=1"; 41 document.head.appendChild(s1); 42 </script> 43 <script type="text/javascript"> 44 log('2'); 45 </script> 46 </body> 47 </html>