我必须在模板中定义一个变量,这样我的模板渲染器就会替换其中的值。然后我必须在我拥有的一些 javascript 函数中使用这个变量。
变量本身是一些 html,我希望能够对其进行格式化,使其看起来像 HTML,而不是不可读的超长单行字符串...
<script>
var myHTML = "
<div>
content
</div>"
</script>
我能看到让它工作的唯一方法就是这样做(真的很难看)
<script>
var myHTML = ""
+"<div>"
+"content"
+"</div>"
</script>
是否有一种友好的方式来做到这一点?
最佳答案
在源代码中插入的任何换行符都是模板文字的一部分。使用普通字符串,您必须使用以下语法才能获得 multi-line strings :
var myHTML = '<div>\n content\n</div>';
console.log(myHTML);
对于更高级的用例,您可以在其中一个之上实现您的解决方案 top 5 JavaScript templating engines :
关于javascript转义字符串中的换行符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39447986/