hakobe/external_script_document_write.html

## external_script_document_write.html
<html>
<!--
"HTML 構文解析器が HTML 文書の末尾まで来たタイミングより後で <script src> で
  指定されたスクリプト経由で実行される document.write は黙って無視される" by wakabatan
see also http://www.whatwg.org/specs/web-apps/current-work/#ignore-destructive-writes-counter

$ plackup -p 3005 -e 'use Plack::App::Directory; Plack::App::Directory->new({root=>"."})->to_app'
のようにしておためしください
-->
  <body>
    <div id="target"></div>
    <script>
      var scriptElem = document.createElement('script');
      scriptElem.src = '/write.js';
      var targetElem = document.getElementById('target');
      targetElem.appendChild(scriptElem); // このscriptElemで読み込まれるコードは非同期で実行される
    </script>
    <h1>h1desu</h1>
  </body>
</html>

## write.js
console.log('hello1!'); // ログが出力される
document.write('<p>hello!!!</p>'); // documentに出力されない
console.log('hello2!'); // ログが出力される
	<html>
	<!--
	"HTML 構文解析器が HTML 文書の末尾まで来たタイミングより後で <script src> で
	指定されたスクリプト経由で実行される document.write は黙って無視される" by wakabatan
	see also http://www.whatwg.org/specs/web-apps/current-work/#ignore-destructive-writes-counter

	$ plackup -p 3005 -e 'use Plack::App::Directory; Plack::App::Directory->new({root=>"."})->to_app'
	のようにしておためしください
	-->
	<body>
	<div id="target"></div>
	<script>
	var scriptElem = document.createElement('script');
	scriptElem.src = '/write.js';
	var targetElem = document.getElementById('target');
	targetElem.appendChild(scriptElem); // このscriptElemで読み込まれるコードは非同期で実行される
	</script>
	<h1>h1desu</h1>
	</body>
	</html>
	console.log('hello1!'); // ログが出力される
	document.write('<p>hello!!!</p>'); // documentに出力されない
	console.log('hello2!'); // ログが出力される