如何規避臭名昭着的「未終止的字符串文字」錯誤？

我試圖將一個簡單的HTML文件加載到畫布中（browser = 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; 
';

我該如何解決這個問題？

來源

2010-07-19 Don Don

看來你的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;';

或者，如果你想保持你的代碼的可讀性，一個解決方案是用幾個小的字符串，並使用字符串-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;';

來源

2010-07-19 04:46:51

帕斯卡，謝謝。與字符串連接技術，我已經使語法正確。但是，函數失敗，也就是既不是 var tm = document.createElement（'img'）; tm.src ='data：text/html，{html code here}; 也不使用帶的drawImage方法的帆布，然後其SRC映射到上述類似的HTML數據呼叫將與FF 3.66 我堅持工作。現在怎麼辦？ Don – 2010-07-19 15:06:30

在每行末尾添加一個'\'字符，並在結束單引號的行之前應該有效。

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

來源

2010-07-19 05:38:06 patros

如何規避臭名昭着的「未終止的字符串文字」錯誤？

回答

相關問題