在javascript中使用斜杠作为html模板

Using slash for template of html in javascript

本文关键字：html 模板 javascript      更新时间：2023-09-26
var a = 1.10;
var html = '<div>''
  '<strong>' + a +
  '</strong>' //error here
  </div>';
console.log(html)

上面的代码有什么问题？我正在尝试将变量值添加到 html 中。

为什么你不能只使用：

var html = '<div><strong>' + a + '</strong></div>';

在 JavaScript 是 ES5 之前，你不应该转义 EOL。但即使如此，您也需要的是：

var html = '<div><strong>'
           '+ a +''
            </strong></div>';

您只能在字符串值内转义 EoL，而不能在字符串值外转义 EoL。

安慰

> a = "hi"
< "hi"
> var html = '<div><strong>'
           '+ a +''
            </strong></div>';
< undefined
> html
< "<div><strong>           hi            </strong></div>"

你可以像下面这样使用它：

var html = '<div><strong>'+ a +'</strong></div>';
//OR
var html = '<div>'
    +'<strong>'+ a +'</strong>'
    +'</div>';

希望这有帮助。

相关文章：