Wordpress&；Javascript：字符串变量，浏览器使用换行符读取html标记

为了解决这个问题，我疯了

在我的javascript代码中，我定义了一个字符串变量，在这个变量中我以字符串的形式放置了一个HTML表。。i、 e:

var tData="<table><tbody><tr><a><th>Type</th><th>Score</th><th>Percentile</th></a></tr><tr><td><a>Overall</a></td><td>2.4</td><td>50%</td></tr><tr><td><a>Best 100</a></td><td>2.3</td><td>70%</td></tr></tbody></table>";

var tData=“TypeScorePercentileOverall 2.450%最佳1002.370%”；

现在，我的浏览器（chrome和firefox）将通过字符串的变量赋值读取为带换行符的HTML代码。为了更清晰，请看下图

如果我删除html标记并编写一个简单的字符串，代码就可以正常工作。因此，我可以向您保证，以前没有倒逗号错误（我检查了多次），也没有伪造字符

我在这个问题上花了太多时间。请帮我做这件事

编辑

---

在标题和标签中添加了Wordpress，因为这是Wordpress的问题。

如果你想在JavaScript中使用多行字符串，你必须取消换行符，即

var str = "abc\
de";

---

如果你想在JavaScript中使用多行字符串，你必须取消换行符，即

var str = "abc\
de";

---

由于您的文档是XHTML，因此必须将代码包含在CDATA部分中：

<script>
<![CDATA[
    // code here
]]>
</script>

---

这会阻止浏览器将内容中的序列解释为标记。

由于您的文档是XHTML，您必须将代码包含在CDATA部分中：

<script>
<![CDATA[
    // code here
]]>
</script>

Delete all invisible characters (whitespace) around that area,
then give it another try.

这会阻止浏览器将内容中的

序列解释为标记

Delete all invisible characters (whitespace) around that area,
then give it another try.

试试这个：

var tData="<table><tbody>";
tData+="<tr><th><a>Type</a></th><th>Score</th><th>Percentile</th></tr>";
tData+="<tr><td><a>Overall</a></td><td>2.4</td><td>50%</td></tr>";
tData+="<tr><td><a>Best 100</a></td><td>2.3</td><td>70%</td></tr>";
tData+="</tbody></table>";

var tData=”“；
tData+=”

试试这个：

var tData="<table><tbody>";
tData+="<tr><th><a>Type</a></th><th>Score</th><th>Percentile</th></tr>";
tData+="<tr><td><a>Overall</a></td><td>2.4</td><td>50%</td></tr>";
tData+="<tr><td><a>Best 100</a></td><td>2.3</td><td>70%</td></tr>";
tData+="</tbody></table>";

var tData=”“；
tData+=“
正常。尤里卡

我找到了一个可以四处走动的地方。我弄断了下面的绳子：

var tData="<table><tbody><tr><a><th>Type</th><th>Score</th><th>Percentile</th></a></tr><tr><td><a>Overall</a></td><td>2.4</td><td>50%</td></tr><tr><td><a>Best 100</a></td><td>2.3</td><td>70%</td></tr></tbody></table>";

var tData=“TypeScorePercentileOverall 2.450%最佳1002.370%”；

进入

var tData=“TypeScorePercentileOverall 2.450%最佳1002.370%”；

愚弄浏览器。我仍然希望得到更好的答案。
好的。尤里卡

我找到了一个可以四处走动的地方。我弄断了下面的绳子：

var tData="<table><tbody><tr><a><th>Type</th><th>Score</th><th>Percentile</th></a></tr><tr><td><a>Overall</a></td><td>2.4</td><td>50%</td></tr><tr><td><a>Best 100</a></td><td>2.3</td><td>70%</td></tr></tbody></table>";

var tData=“TypeScorePercentileOverall 2.450%最佳1002.370%”；

进入

var tData=“TypeScorePercentileOverall 2.450%最佳1002.370%”；

愚弄浏览器。我仍然希望得到更好的答案。
页面的doctype是什么？如果是XHTML，您必须将代码包装在一个
CDATA
声明中。您能做一把小提琴来演示您的问题吗（例如在上）？这就是那一行吗？@FelixKling源代码中文档顶部显示以下内容：@Qantas94Heavy。。。。是的，就是这样。。。不多不少页面的doctype是什么？如果是XHTML，您必须将代码包装在一个
CDATA
声明中。您能做一把小提琴来演示您的问题吗（例如在上）？这就是那一行吗？@FelixKling源代码中文档顶部显示以下内容：@Qantas94Heavy。。。。是的，就是这样。。。没有更多，没有更少，但OP不希望有多行字符串。OP在文章的开头发布了他的代码，所有代码都在一行中。@FelixKling:顺便说一句，粘贴在fiddle中的最小代码在带有var tData代码的网站中不起作用。我只需要一行代码。。。不需要多行。。但是浏览器将其解释为我不想要的多行。此外，错误发生在标记的开头，因此即使我使用\，也没有帮助，因为错误会在分析符号之前发生。但是OP不希望有多行字符串。OP在文章的开头发布了他的代码，这一切都在一行中。@FelixKling:顺便说一句，粘贴在fiddle中的最小代码在带有var tData代码的网站中不起作用。我只想要一行。。。不需要多行。。但是浏览器将其解释为我不想要的多行。此外，错误发生在标记的开头，因此即使我使用\，也没有帮助，因为错误会在符号解析之前发生。+1如果不需要XHTML，另一种方法是将doctype更改为HTML。@user1517108您可以链接到（尽可能少的）在线示例吗？@dystroy:My fiddle at the fiddle工作正常。我的网站在。这不太好。@dystroy:顺便说一句，粘贴在fiddle中的最小代码在带有var tData代码的网站中不起作用。@dystroy:我也更改为带有的主题，但出现了相同的错误。+1另一种选择是，如果确实不需要XHTML，则将doctype更改为HTML。@user1517108您可以链接到（尽可能最小的）吗在线示例？@dystroy：我的小提琴很好用。我的网站在。这不太好。@dystroy:顺便说一句，粘贴在fiddle中的最小代码在带有var tData代码的网站中不起作用。@dystroy:我也更改了主题，但出现了相同的错误。我更改了答案，测试了它。不。。。没用。基本上，错误出现在第一行的第一个字后面的倒逗号。因此，当浏览器将其解析为html而不是字符串时，从新行开始。请检查我刚才粘贴的答案，它将提供一些清晰。我改变了我的答案，测试它。不。。。没用。基本上，错误出现在第一行的第一个字后面的倒逗号。因此，当浏览器将其解析为html而不是字符串时，从新行开始。请检查我刚才粘贴的答案，它将提供一些清晰度。