解决IE浏览器中JS字符串拼接报错：单双引号转义技巧

IE浏览器JS字符串拼接报错现象

许久未接触JavaScript，许多细节已生疏。近期在使用JS进行字符串拼接时遭遇阻碍，无论采用何种拼接方式，在IE浏览器中均会触发报错，令人困惑。

经过一天的沉淀，重新审视代码时，联想到Java中处理字符串拼接时的转义字符机制，从而意识到JavaScript同样存在类似的转义规则。

具体表现如下：

 
tr += "<td><a href='javascript:void(0);' onclick='confirmDelOneInfo('"+url2+"','"+obj.title+"');'><img src='images/tab/010.gif'/>";

在代码编辑器中检查并无报错提示，但在浏览器中点击onclick事件却毫无反应。按下F12查看控制台，发现脚本报错，且生成的字符串结构已发生扭曲。

修正后的代码：

 
tr += "<td><a href='javascript:void(0);' onclick='confirmDelOneInfo(\""+url2+"\",\""+obj.title+"\");'><img src='images/tab/010.gif'/>“;

此时问题得以解决。

单双引号转义处理方案

知识总结：

在JavaScript中，单引号和双引号的功能本质相同。但若字符串内部包含单引号，外部应使用双引号包裹；若内部包含双引号，外部则需使用单引号包裹，这样可避免使用转义字符。

上述逻辑的输出结果示例：

 
onclick='confirmDelOneInfo("http://...?type=1&nodeId=11","测试1");'

由此可见，在HTML中若外层使用单引号，内层必须使用双引号，否则IE浏览器会报错，因此需使用转义字符\"来转换内部的双引号。在动态生成HTML元素时，务必注意单双引号的嵌套关系，否则极易引发调试难题。

以上为一点经验总结，欢迎指正。