JamesMGreene/currentScript.html

## currentScript.html

<!doctype html>
<html>
  <head>
    <title>currentScript Example</title>
    <script type="text/javascript" id="mainscript" async>

      if (document.currentScript && document.currentScript.async) {
        console.log("Executing asynchronously");
      } else {
        console.log("Executing synchronously (?)");
      }

      function logMessage(m) {
        var theList = document.getElementById("output");
        if (theList) {
          var newItem = document.createElement("li");

          newItem.innerHTML = m;
          theList.appendChild(newItem);
        }
      }

      function starting(e) {
        logMessage("Starting script with ID: " + e.target.id);
      }

      function finished(e) {
        logMessage("Finished script with ID: " + e.target.id);
      }

      document.addEventListener("beforescriptexecute", starting, true);
      document.addEventListener("afterscriptexecute", finished, true);
    </script>
  </head>

  <body>
    <p>Demonstration of <code>beforescriptexecute</code> and
    <code>afterscriptexecute</code>.</p>
    <h3>Output</h3>
    <ul id="output">
    </ul>
  </body>

  <script type="text/javascript" id="somescript">
    console.log("Look, I'm a script!");
  </script>
</html>

	<!doctype html>
	<html>
	<head>
	<title>currentScript Example</title>
	<script type="text/javascript" id="mainscript" async>

	if (document.currentScript && document.currentScript.async) {
	console.log("Executing asynchronously");
	} else {
	console.log("Executing synchronously (?)");
	}

	function logMessage(m) {
	var theList = document.getElementById("output");
	if (theList) {
	var newItem = document.createElement("li");

	newItem.innerHTML = m;
	theList.appendChild(newItem);
	}
	}

	function starting(e) {
	logMessage("Starting script with ID: " + e.target.id);
	}

	function finished(e) {
	logMessage("Finished script with ID: " + e.target.id);
	}

	document.addEventListener("beforescriptexecute", starting, true);
	document.addEventListener("afterscriptexecute", finished, true);
	</script>
	</head>

	<body>
	<p>Demonstration of <code>beforescriptexecute</code> and
	<code>afterscriptexecute</code>.</p>
	<h3>Output</h3>
	<ul id="output">
	</ul>
	</body>

	<script type="text/javascript" id="somescript">
	console.log("Look, I'm a script!");
	</script>
	</html>