未终止的字符串文字/无效或意外的标记

Question

我为什么要......

SyntaxError:未终止的字符串文字

...在Firefox和...

未捕获的SyntaxError:无效或意外的令牌

... 当我跑...时在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>