jrunning/test-child.html

## test-child.html
<script src="test-script.js"></script>
<script>
  console.log('Hello from test-child.html');
</script>

<!-- output:

Hello from test-script.js
Hello from test-child.html

-->

## test-iframe-parent.html
<!doctype html>
<html>
  <body>
    <iframe src="test-child.html"></iframe>

    <script>
      console.log('Hello from test-iframe-parent.html');
    </script>
  </body>
</html>

<!-- output:

Hello from test-iframe-parent.html
Hello from test-script.js
Hello from test-child.html

-->

## test-import-parent.html
<!doctype html>
<html>
  <body>
    <link rel="import" href="test-child.html"/>

    <script>
      console.log('Hello from test-import-parent.html');
    </script>
  </body>
</html>

<!-- output:

Hello from test-script.js
Hello from test-child.html
Hello from test-import-parent.html

-->

## test-inject-parent.html
<!doctype html>
<html>
  <body>
    <script>
      let template = document.createElement('template');
      template.innerHTML = `
        <script src="test-script.js">\x3c/script>
        <script>
          console.log('Hello from imported template content');
        \x3c/script>
      `;
      document.body.appendChild(document.importNode(template.content, true));

      console.log('Hello from test-inject-parent.html');
    </script>
  </body>
</html>

<!-- output:

Hello from imported template content
Hello from test-inject-parent.html
Hello from test-script.js

-->

## test-script.js
console.log('Hello from test-script.js');
	<script src="test-script.js"></script>
	<script>
	console.log('Hello from test-child.html');
	</script>

	<!-- output:

	Hello from test-script.js
	Hello from test-child.html

	-->
	<!doctype html>
	<html>
	<body>
	<iframe src="test-child.html"></iframe>

	<script>
	console.log('Hello from test-iframe-parent.html');
	</script>
	</body>
	</html>

	<!-- output:

	Hello from test-iframe-parent.html
	Hello from test-script.js
	Hello from test-child.html

	-->