文档写入产生奇怪的输出

Question

我正在写一个脚本来检测jQuery，如果它不存在，那么插入Google CDN版本和一个本地回退(不要问为什么...这不是我的主意)，问题是当我尝试执行document.write时，我得到了一个奇怪的输出

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

输出结果应为：

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

但归根结底：

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

我怎么也想不出哪里出了问题

Answer 1

基本上，当document.write打印出来的时候

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

第一个</script>被解析成实际的脚本结束标记，即使它在字符串中，结果如下

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

字符串没有结束(未终止的字符串文字)，因为它的右单引号现在位于脚本之外，并且还有一个悬空的脚本结束标记。要阻止这种情况发生，您只需疯狂地转义字符串中的脚本标记，尤其是字符串中的字符串。下面是一个工作示例。

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

Answer 2

试试这个

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