<!DOCTYPE html>
<html>
<head>
<title>A dynamically created external script executes asynchronously</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta description="This test ensures a dynamically created external script executes asynchronously." />
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
<link rel="help" href="https://html.spec.whatwg.org/multipage/#force-async"/>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
</head>
<body>
<div id=log></div>
<script type="text/javascript">
var t = async_test("dynamically created external script executes asynchronously");
function timeout()
{
t.step(function(){ assert_equals(document.getElementById("testresult").innerHTML, "321")});
t.done();
}
var timer = setTimeout(timeout, 4000);
function log(text)
{
var textNode = document.createTextNode(text);
document.getElementById("testresult").appendChild(textNode);
}
</script>
<span id="testresult"></span>
<script type="text/javascript">
var one = document.createElement("script");
one.src="log.py?sec=3&id=1";
document.head.appendChild(one);
var two = document.createElement("script");
two.src="log.py?sec=1&id=2";
document.head.appendChild(two);
log('3');
</script>
</body>
</html>