Browser interpreting Javascript string as HTML tag

Question

I have the following in my source HTML:

<head>
    ...
    <script>window.jQuery || document.write('<script src="/js/jquery.min.js"></script>');</script>
    ...
</head>

But it is getting interpreted by my browser (Chrome) as:

<head>
    ...
    <script>window.jQuery || document.write('<script src="/js/jquery.min.js"></script>
</head>
<body>
    "');"
    ...

I've tried escaping the slash inside the document.write string, but that didn't work. Does anyone know how to prevent the browser from interpreting it as as a closing script tag?

jcubic · Accepted Answer · 2016-07-01 15:09:28Z

5

</script> is alwasy interpreted as closing script tag even if it's inside string you need to split it like this:

'</'+'script>';

answered Jul 1, 2016 at 15:09

jcubic

67.1k58 gold badges252 silver badges466 bronze badges

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

Comments

Michael Giovanni Pumo · Accepted Answer · 2016-07-01 15:14:44Z

2

You need to escape some characters in your script.

Try this:

<script>window.jQuery || document.write('<script src="/js/jquery.min.js"><\/script>')</script>

I escaped the / character with a backslash \, so it ends up like: \/ in your document.write() statement.

For a good example of this setup, try looking at HTML5 Boilerplate project on GitHub here:

https://github.com/h5bp/html5-boilerplate/blob/master/src/index.html#L26

Hope this helps.

edited Jul 1, 2016 at 15:14

answered Jul 1, 2016 at 15:10

Michael Giovanni Pumo

14.8k18 gold badges100 silver badges145 bronze badges

1 Comment

jhhayashi Over a year ago

I thought I had tried that, but I guess I'd have to escape the escaping backslash since I'm using Jade

Collectives™ on Stack Overflow

Browser interpreting Javascript string as HTML tag

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related