How to append <script></script> to <div> and execute it?

Question

i have this code and this is not working

<script>
    dialogFun();
            function dialogFun(){

                var code="<div style='font-size: 12px' id='dialog'><script src='https://content.jwplatform.com/libraries/xyz.js'> </script><div id='jwplyr'>Loading the player...</div><script type='text/javascript'>jwplayer('jwplyr').setup({'file': 'http://content.jwplatform.com/videos/xyz-lusPHdHK.mp4','image':'http://content.jwplatform.com/thumbs/xyz-320.jpg'});</script></div>";


                console.log(code);
                $( "body" ).append( code );
            }
</script>

this is not working

Notice you are using jQuery have you made sure you added the jQuery lib correctly ? Are you getting any errors in the console? — Frederick M. Rogers
– Frederick M. Rogers, Commented Jan 19, 2017 at 9:13
What do mean "not working"? You simply need to ESCAPE "/" of closing tags <\/script> — Tien
– Tien, Commented Jan 19, 2017 at 9:13
@Kyle Only escaping </script> is necessary, because </script> terminates the beginning <script>, even if it’s within a string. — Sebastian Simon
– Sebastian Simon, Commented Jan 19, 2017 at 9:15

ZiTAL · Accepted Answer · 2017-01-19 09:12:14Z

4

ESCAPE the "/" of closing tags

<script>
    dialogFun();
            function dialogFun(){

                var code = "<div style='font-size: 12px' id='dialog'>"+
                "<script src='https://content.jwplatform.com/libraries/xyz.js'><\/script>"+
                "<div id='jwplyr'>Loading the player...</div>"+
                "<script type='text/javascript'>jwplayer('jwplyr').setup({'file': 'http://content.jwplatform.com/videos/xyz-lusPHdHK.mp4','image':'http://content.jwplatform.com/thumbs/xyz-320.jpg'});<\/script><\/div>";


                console.log(code);
                $( "body" ).append( code );
            }
</script>

answered Jan 19, 2017 at 9:12

ZiTAL

3,6019 gold badges38 silver badges52 bronze badges

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

3 Comments

Frederick M. Rogers Over a year ago

Should you always escape closing tags or is this a special case ?

Sebastian Simon Over a year ago

@FrederickM.Rogers Only escaping </script> is necessary, because </script> terminates the beginning <script>, even if it’s within a string.

ZiTAL Over a year ago

@FrederickM.Rogers for script tags are required

Collectives™ on Stack Overflow

How to append <script></script> to <div> and execute it?

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related