スペースがHTML要素のJavaScriptに影響するのはなぜですか？

Question

JSONオブジェクトを反復処理していて、データを取得してテーブルに行を作成しています。しかし、行を追加するときに空白を入れないと、つまり行が1行になるだけです。

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

内の各ラインの末尾に\を追加します。これら2つの文字列が等しくないことを

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

または

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

注：あなたは、この2つの方法のいずれかを実行することができます。最初の例は、行間にスペースがありません。 2番目の例は、文字列内の行の先頭にあるすべての空白を含みます。

Answer 2

これはちょうどコンパイラが考える方法です。

は、あなただけの文字列の内部に改行を追加することはできません「文字列」

Answer 3

これは、行末にJavaScript injects ; automaticallyがあるためです。これは、文字列が終了していないため、文字列を分割します。あなたは、より詳細なとエラーが発生しにくいである、ラインは\で終わるエスケープするか、適切に行末尾の文字列を閉じることができます。

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 4

いけない他の人が示唆しているようにJavaScriptで複数行の文字列を偽造するために\を使用しています。

str = "this \ 
     is a multiline \ 
     string"; 


str = "this \ 
     is a multiline \ 
     string"; 

これらの文字列の1つに例外をスローする構文エラーがあります。どの文字列を見てもわかりますか？

\を使用すると、デバッグの悪夢が尋ねられます。文字列連結（+）や、handlebarsまたはunderscoreなどの多くのテンプレートシステムの1つを使用して補間するか、jQueryのテンプレートエンジンを使用することもできます。