javascript - Javascript用回车分隔字符串

Question

我想把 html 脚本放在里面<div id>，但是我不能用 enter 分隔字符串。所以我把这样的代码（例子）：

var html = "<table style='width:100%'><tr><th>Firstname</th><th>Lastname</th><th>Age</th></tr>";

$("#panelChatlog").html(this.html);

如您所见，字符串是 html 代码，但我想将 html 代码分开，这样它更具可读性：

var html = "
          <table style="width:100%">
            <tr>
              <th>Firstname</th>
              <th>Lastname</th>
              <th>Age</th>
            </tr>
        ";

$("#panelChatlog").html(this.html);

但这在我的 javascript 中是不可能的。我正在使用 processmaker 3.x 有什么建议吗？

Answer 1

使用 ` 字符，如 @Christian 和用户修剪功能从 HTML 代码中删除空格。

var html = `
          <table style="width:100%">
            <tr>
              <th>Firstname</th>
              <th>Lastname</th>
              <th>Age</th>
            </tr>
        `;

 $("#panelChatlog").html(html.trim()); 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<div id="panelChatlog">
  
</div>

Answer 2

这就是引入 ` 字符的目的，因此您无需手动写入\n字符串。只需替换引号就足够了（确保关闭您的table标签）：

var html = `
          <table style="width:100%">
            <tr>
              <th>Firstname</th>
              <th>Lastname</th>
              <th>Age</th>
            </tr>
          </table>
        `;

alert(html);

Answer 3

您可以使用ES6 中引入的模板文字。

const htmlMarkup = `
<table style="width:100%">
    <tr>
        <th>Firstname</th>
        <th>Lastname</th>
        <th>Age</th>
    </tr>
</table>`