未终止的字符串文字

Question

以下代码:

var str= "<strong>English Comprehension<\/strong>
                    <br\/>
                    <ul>
                    <li>  Synonyms/Antonyms/Word Meaning (Vocabulary)<\/li>
                    <li>  Complete the Sentence (Grammar)<\/li>
                    <li>  Spot error/Correct sentence (Grammar/sentence construction)<\/li>
                    <li>  Sentence Ordering (Comprehension skills)<\/li>
                    <li>  Questions based on passage (Comprehension skills)<\/li>
                    <\/ul>
                    <br\/>";

给出错误:"未终止的字符串文字".有什么问题？

Answer 1

你不能在javascript中的字符串之间拆分字符串.你可以通过使每一行成为一个单独的字符串并将它们与加号连接起来来实现相同的可读性,如下所示:

var str = "<strong>English Comprehension</strong>"
    + "<br />"
    + "<ul>"
    + "<li>Synonyms/Antonyms/Word Meaning (Vocabulary)</li>"

等等...

Answer 2

如果在JavaScript中使用多行字符串,则必须在每行的末尾使用"\":

var str = "abc\
def\
ghi\
jkl";

如果你的代码是缩进的,也要注意额外的空格.

Answer 3

我建议以不同的方式做到这一点......用HTML隐藏元素,例如

<div id="myHiddenDiv" style="display: none;"><strong>English Comprehension</strong>
<br />
...
</div>

然后只需阅读其内部HTML:

var str = document.getElementById("myHiddenDiv").innerHTML;

最大的好处是你不必用文字字符串来对抗你的方式,而且编辑要容易得多,缺点是你要为DOM添加另一个元素.你的选择.:)

Answer 4

在Javascript中编写多行字符串不是最佳实践.

但是,您可以使用\终结符执行此操作:

var str= "<strong>English Comprehension<\/strong>\
                <br\/>\
                <ul>\
                <li>  Synonyms/Antonyms/Word Meaning (Vocabulary)<\/li>\
                <li>  Complete the Sentence (Grammar)<\/li>\
                <li>  Spot error/Correct sentence (Grammar/sentence construction)<\/li>\
                <li>  Sentence Ordering (Comprehension skills)<\/li>\
                <li>  Questions based on passage (Comprehension skills)<\/li>\
                <\/ul>\
                <br\/>";

请注意,尾随空格是字符串的一部分,因此最好除去它们,除非它们是故意的:

var str= "<strong>English Comprehension<\/strong>\
<br\/>\
<ul>\
<li>  Synonyms/Antonyms/Word Meaning (Vocabulary)<\/li>\
<li>  Complete the Sentence (Grammar)<\/li>\
<li>  Spot error/Correct sentence (Grammar/sentence construction)<\/li>\
<li>  Sentence Ordering (Comprehension skills)<\/li>\
<li>  Questions based on passage (Comprehension skills)<\/li>\
<\/ul>\
<br\/>";