El problema exacto es el tag </script>
dentro de la cadena:
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
<script>
var content = "</script>"
</script>
</body>
</html>
La consola del navegador muestra:
SyntaxError: "" literal not terminated before end of script
No estoy seguro de que sea un error ... mas bien creo que es una indeterminación del estándar.
Si el navegador encuentra un tag </script>
... ¿ Sigue dentro de la cadena, o se nos olvidó indicar el final de la misma ?
Hay múltiples soluciones. Desde no usar esa secuencia exacta de caracteres ('</script' + '>'
es admitido sin problema) hasta usar createElement( )
.