javascript - 如何用没有变量 </script> 标签的 javascript 替换 javascript，在 Firefox 中提前结束 javascript

Question

我正在尝试用一些其他 javascript 生成/创建的代码替换一些 javascript 代码...

它实际上只是用于调试目的，本身不应该做任何事情。

                // Create variable containing js code
                var jsCode = '<script type="text/javascript">'
                jsCode  += 'window.website.load("MainFunction", function(var1, var2, var3, var4) {'
                jsCode += ' var1({'
                jsCode += '     location: "useast"'
                jsCode += ' });'
                jsCode += '});'
                jsCode += '</script>'

                // Update js code
                $('#jsCode').replaceWith('<div id="jsCode">' + jsCode + '</div>');

我确实需要它来保持空白的格式。

它在 Chrome 中完美运行，因为它检测到标签位于变量内部，但在 Firefox 中它不会检测到它并提前结束 JavaScript。

如有任何建议，我们将不胜感激。

Answer 1

您是否尝试过在多行字符串中使用反引号而不是 +=？

var script=document.createElement('script');
script.innerHTML=`
alert('hi');
console.log('hi');
`;

//will say hi, bu then will alert the innerHTML of the script showing whitespace preserved (tested in FIrefox)
document.body.appendChild(script);
alert(script.innerHTML);