javascript - 如何规避臭名昭著的“未终止的字符串文字”错误？

Question

我试图将一个简单的 HTML 文件加载到画布中（浏览器 = ff 3.66）。

var canvas= document.getElementById('oneElement');
var ctx= canvas.getContext('2d');

var img= new Image();
ctx.drawImage(img, 0, 0, img.width, img.height);
img.src = 'data:text/html,&lt;table&gt;&lt;tr&gt;&lt;td&gt;data 1&lt;td&gt;data 2&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;data 3&gt;&lt;td&gt;data 4&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;data 5&gt;&lt;td&gt;data 6&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;
';

我怎样才能解决这个问题？

score 1 · Accepted Answer

似乎您的 Javascript 字符串中有换行符——这是不允许的。

您应该删除这些换行符，将字符串仅放在一行中：

img.src = 'data:text/html,&lt;table&gt;&lt;tr&gt;&lt;td&gt;data1&lt;td&gt;data2&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;data 3&gt;&lt;td&gt;data 4&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;data 5&gt;&lt;td&gt;data 6&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;';

或者，如果你想保持你的代码可读，一个解决方案可能是使用几个小字符串，并使用 strings-concatenation ：

img.src = 'data:text/html,&lt;table&gt;&lt;tr&gt;&lt;td&gt;data 1&lt;td&gt;data 2&lt;/td&gt;&lt;/tr&gt;' +
'&lt;tr&gt;&lt;td&gt;data 3&gt;&lt;td&gt;data 4&lt;/td&gt;&lt;/tr&gt;' +
'&lt;tr&gt;&lt;td&gt;data 5&gt;&lt;td&gt;data 6&lt;/td&gt;&lt;/tr&gt;' +
'&lt;/table&gt;';

score 0 · Accepted Answer

在带有单引号的行之前的每行末尾添加一个 '\' 字符应该可以工作。

img.src = 'here \
is an \
example';

javascript - 如何规避臭名昭著的“未终止的字符串文字”错误？

2 回答 2

Related

Reference