js转义问题

Question

col.innerHTML = "<div align='center'><input class='inputSize2 Wdate' id='pi"+i+"' type='text' name='startDate"+i+"' readonly='readonly' onfocus='var pid"+i+"=$dp.$('pid"+i+"');WdatePicker({onpicked:function(){pid"+i+".focus();},maxDate:'#F{$dp.$D(\'pid"+i+"\')}'})'/></div>";
col2.innerHTML = "<div align='center'><input class='inputSize2 Wdate' id='pid"+i+"' type='text' name='endDate"+i+"' readonly='readonly' onfocus='WdatePicker({minDate:'#F{$dp.$D(\'pi"+i+"\')}'})'/></div>";这段js转义有问题。

Answer 1

col.innerHTML = "<div align='center'><input class='inputSize2 Wdate' id='pi"+i+"' type='text' onfocus='var pid"+i+"=$dp.$('pid"+i+"');WdatePicker({onpicked:function(){pid"+i+".focus();},maxDate:'#F{$dp.$D(\'pid"+i+"\')}'})'/></div>";
col2.innerHTML = "<div align='center'><input class='inputSize2 Wdate' id='pid"+i+"' type='text' onfocus='WdatePicker({minDate:'#F{$dp.$D(\'pi"+i+"\')}'})'/></div>";
貌似有点多~

Answer 2

col.innerHTML = 
"<input class='inputSize2 Wdate' id='pi"+i+"' type='text' onfocus='var pid"+i+"=$dp.$('pid"+i
+"');WdatePicker({onpicked:function(){pid"+i+".focus();},maxDate:'#F{$dp.$D(\'pid"+i+"\')}'})'/>";
col2.innerHTML = 
"<input class='inputSize2 Wdate' id='pid"+i+"' type='text' onfocus='WdatePicker({minDate:'#F{$dp.$D(\'pi"+i+"\')}'})'/>";

Answer 3

你这样拼很容易出错的，你可以把变量值先拼好，然后在拼到 长的语句里，比如：
var id ="pi"+i ;
var name ="startDate"+i;
然后再将id，name，拼进去，图省事一句话拼完难免就出错

Answer 4

$D('pid"+i+"')}'})
$dp.$D('pi"+i+"')}'})
你这里的单引号是不要转义的
改为下面的也可以
$D(\"pid"+i+"\")}'})
$dp.$D(\"pi"+i+"\")}'})
即转义双引号

Answer 5

试试
"<div align='center'><input class='inputSize2 Wdate' id='pi"+i+"' type='text' name='startDate"+i+"' readonly='readonly' onfocus='var pid"+i+"=$dp.$('pid"+i+"');WdatePicker({onpicked:function(){pid"+i+".focus();},maxDate:\'#F{$dp.$D(\'pid"+i+"\')}\'})'/></div>""<div align='center'><input class='inputSize2 Wdate' id='pid"+i+"' type='text' name='endDate"+i+"' readonly='readonly' onfocus='WdatePicker({minDate:\'#F{$dp.$D(\'pi"+i+"\')}\'})'/></div>";