незавершенная строка/Неверная или неожиданный маркер

Question

Почему я получаю ...

SyntaxError: unterminated string literal

... в Firefox и ...

Uncaught SyntaxError: Invalid or unexpected token

... в Chrome когда я бегу ...

$(document).ready(function() { 
 
    function addJSBeforeEndBody(code) { 
 
     $('body').append('<script>' + code + '</script>'); 
 
    } 
 
    addJSBeforeEndBody('$(document).ready(function() { console.log("I never end up here."); });'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 1

Разбить строку "</script>" (в javascript-коде); он будет интерпретироваться как фактический тег закрывающего скрипта, а не строковый литерал, который вы собираетесь использовать.

$(document).ready(function() { 
 
    function addJSBeforeEndBody(code) { 
 
     $('body').append('<script>' + code + '</scr' + 'ipt>'); 
 
    } 
 
    addJSBeforeEndBody('$(document).ready(function() { console.log("It works now."); });'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 2

'<script>'+code.toString()+'<\/script>' 

Браузер закрывает элемент сценария, когда он видит '</script>', указав скрипт закрывающий тег. Выключение косой черты позволяет браузеру работать в режиме интерпретации текста.

Или ломки, как упоминался:

"<script>"+code.toString()+"<"+"/script>"