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