Javascript代码,未终止的字符串文字

Question

错误控制台:未终止的字符串文字

$html='<li><div class="above">'+$question_number+ 'Question Title</div>

JQuery代码是:

$html='<li><div class="above">'+$question_number+ 'Question Title</div>
<div class="middle"> <input type="text" name="question'+$question_number+ '" size="55"/></div>
<div class="below">'+$question_number+ ' <input type="text" name="option'+$question_number+ '" size="6"/>'+$question_number+ '<input type="text" name="option'+$question_number+ '" size="6"/>
   <input class="btn" type="button" name="Submit" value="Add" />
   <input class="btn" type="button" name="Submit" value="Remove" />
   </div>
</li>';

我知道$ html的价值很长,但我怎么能逃脱"未终止的字符串文字"的陷阱呢？有没有更好的解决这个问题？

Answer 1

如果要在多行上运行字符串文字,则您的行需要延续字符."\"在每行的末尾添加一个字符或使用字符串连接.换句话说,你可能会变错:

$html='<li><div class="above">' + $question_number + 'Question Title</div>
<div class="middle"> ... ';

成:

$html='<li><div class="above">' + $question_number + 'Question Title</div>\
 <div class="middle"> ... ';

要么:

$html='<li><div class="above">' + $question_number + 'Question Title</div>' +
    ' <div class="middle"> ... ';

你实际上并不需要你的HTML格式很好,但如果你真的想要它可以打印得很漂亮的形式,你也可以将嵌入的换行符放入其中:

$html='<li><div class="above">' + $question_number + 'Question Title</div>\n' +
    '<div class="middle"> ... ';

为了便于阅读代码,我会使用类似的东西:

$html = \
    '<li>' +
    '  <div class="above">' + $question_number + 'Question Title</div>' +
    '  <div class="middle">' +
    '    <input type="text" name="question' + $question_number+ '" size="55"/>' +
    '  </div>' +
    '  <div class="below">' + $question_number + 
    '    <input type="text" name="option' + $question_number +
    '      " size="6"/>' + $question_number +
    '    <input type="text" name="option' + $question_number + '" size="6"/>' +
    '    <input class="btn" type="button" name="Submit" value="Add" />' +
    '    <input class="btn" type="button" name="Submit" value="Remove" />' +
    '  </div>' +
    '</li>';

然后通过压缩机传递一个更短的版本进行分发.