minify-html/notes/Text script content.md

Text script content

<script type="text/html">
  <script>
    exec1 = true;
  </script>
  <script>
    exec2 = true;
  </script>
</script>

These are true about the above snippet:

• document.querySelectorAll('script').length === 2.
• !exec1 && exec2.
• document.querySelector('script[type="text/html"]') has exactly one child node and it's a text node.

Comments

If there is one or more <script> inside an HTML comment before any </script>, the first </script> will not end the main script.

Examples

Ending tag inside comment works because there are no nested script tags.

<script type="text/plain"><!--
</script>

There is a nested tag but it doesn't need to be closed because it's treated as text.

<script type="text/plain">
  <script>
</script>

There is a nested tag but it doesn't need to be closed because it's not inside an HTML comment.

<script type="text/plain">
  <script><!--
</script>

There is a nested tag but it doesn't need to be closed because main closing tag is not inside an HTML comment.

<script type="text/plain"><!--
  <script>-->
</script>

The main closing tag is in a HTML comment but still works because there is no <script> before it in its comment (there is one in the previous comment).

<script type="text/plain">
    <!--<script>--><!--
</script>

There is a nested tag and it's in an HTML comment but it doesn't need to be closed because it's not script.

<script type="text/plain"><!--
  <div>
</script>

First closing tag is inside a comment with one or more previous opening tags so it doesn't close main script tag.

<script type="text/plain"><!--
  <script>alert();</script>
</script>

There is a nested tag and it needs to be closed because it's in a comment script. The amount of <script> doesn't matter.

<script type="text/plain"><!--
  <script><script><script><script><script>alert();</script>
</script>

First and second closing tags close their respective previous 1+ opening tags.

<script type="text/plain"><!--
  <script><script><script>alert();</script>
  <script></script>
</script>

Main closing tag works because it is in a separate comment.

<script type="text/plain">
  <!--<script><script><script>--><!--
</script>

Main closing tag works because it is not in a comment.

<script type="text/plain">
  <!--<script>-->
</script>

Figure this out:

<script type="text/plain"><!--
  <script>
    alert();
  </script>
  </script
  <script>
    alert();
  </script>
</script>
<h1>Test</h1>