Inline javascript with "<script>" string closes script tag by mistake

Question

I'm inlining a large JS program, which includes a line of code like :

doc.write("<script>var app = \"" + _2d() + "\";</script>");

Unfortunately the browser (chrome) thinks the script in the string is the closing script tag, and actually takes everything after that like its HTML text.

How do I include such a string and escape it so it does not confuse the browser HTML parsing?

possible duplicate of Why split the <script> tag when writing it with document.write()? — Strelok
– Strelok, Commented Sep 8, 2012 at 14:21
Possible duplicate of Why split the <script> tag when writing it with document.write()? — David Brossard
– David Brossard, Commented Nov 24, 2018 at 6:01

Niet the Dark Absol · Accepted Answer · 2012-09-08 14:22:10Z

23

You should always use <\/script> if you want to put </script> in a string in JS, because </script> marks the end of the tag no matter where it shows up.

answered Sep 8, 2012 at 14:22

Niet the Dark Absol

326k85 gold badges478 silver badges604 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Jeremy J Starcher Over a year ago

This! The simple and elegant solution.

Community · Accepted Answer · 2017-05-23 12:01:37Z

4

I solved it by splitting the script tag like this SO question recommends:

doc.write("<scr"+"ipt>var app = \"" + _2d() + "\";</scr"+"ipt>");

edited May 23, 2017 at 12:01

CommunityBot

11 silver badge

answered Sep 8, 2012 at 14:24

Robin Rodricks

114k148 gold badges417 silver badges618 bronze badges

1 Comment

Quentin Over a year ago

Don't do that. It is slightly less efficient and significantly uglier then Kolink's solution. (And there is absolutely no need to break up the start tag)

Collectives™ on Stack Overflow

Inline javascript with "<script>" string closes script tag by mistake

2 Answers 2

1 Comment

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Linked

Related