javascript转义字符串中的换行符

标签 javascript html

我必须在模板中定义一个变量,这样我的模板渲染器就会替换其中的值。然后我必须在我拥有的一些 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/

相关文章:

javascript - 来自 JavaScript 的模态窗口,未打开

python - python 中的行 n= n 和 int(n) 是什么意思

html - 字体 CSS 的透视失真

javascript - tinymce分页未关闭的div

javascript - 如何将 "Create an account"表单设为此 codepen 的默认 View ?

html - 在 Bootstrap 4 中制作类似于表格样式的网格

javascript - polymer 1.0 : Binding css classes does not update

javascript - 有没有办法在回调中保留此引用?

javascript - $(window).width() 和滚动的问题

javascript - prependTo 后现有 div 上的 jQuery 幻灯片动画