javascript - 为什么空格会影响我的 html 元素中的 JavaScript？

Question

我正在遍历一个 JSON 对象，我正在获取数据并在表中创建一行。但是，当我在追加行时不放置空格时，即我只做一行时，它会起作用。

for(var i in data.students)
{    
    table += 
        '<tr><td id="studentName">' + data.students[i].firstname + ' ' + data.students[i].lastname +'</td><td><select class="attendSelect" id="studentSelect'+ data.students[i].lastname +'"><option value="Attended">Attended</option><option value="Excused">Excused</option><option value="Absent">Did not Attend</option></select></td></tr>';
}

但是，当我尝试通过缩进和添加空格使其看起来整洁时。它分手了。我不明白!

for(var i in data.students)
{    
    table += 
        '<tr>
            <td id="studentName">' + data.students[i].firstname + ' ' + data.students[i].lastname +'</td>
            <td>
                <select class="attendSelect" id="studentSelect'+ data.students[i].lastname +'">
                    <option value="Attended">Attended</option>
                    <option value="Excused">Excused</option>
                    <option value="Absent">Did not Attend</option>
                </select>
            </td>
        </tr>';
}

Answer 1

您不能只在字符串中添加换行符。您可以通过以下两种方式之一执行此操作:

var mystring = "this" + 
               "is multi" + 
               "line";

或

var mystring = "this \ 
               is multi \
               line";

请注意，这两个字符串不相等。第一个示例行与行之间没有空格。第二个示例包括字符串中行开头的所有空白。