JS字符串拼接在ie中都报错的解决方法
更新时间：2014年03月27日 11:40:49 作者：
最近用js拼接字符串时遇到问题了，不论怎么拼接在ie中都报错，于是找到了一个不错的解决方法，在此与大家分享下
好久不用js了，好多东东都忘了。最近用js拼接字符串时遇到问题了，不论怎么拼接在ie中都报错，很郁闷。
隔了一天，又拿起代码看了下，突然想起在java中拼接字符串转义字符的事，才想起js也有这个东东。
原来这样:
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'/>“
就没问题了。
知识总结：
在js中单双引号的效果是一样的，但是如果你的字符串中有单引号则外面要用双引号，如果你的字符串中存在双引号则外面要用单引号括起来，这样就不用转义字符了。
上面的输出结果是：
onclick='confirmDelOneInfo("http://...?type=1&nodeId=11","测试1");'
看出在html中，如果外面使用单引号则里面要用双引号，否则IE报错，因此用到转义字符\"转换双引号。在动态生成html的元素时，尤其要注意单双引号的问题，否则会很头疼的。
呵呵，一点小知识的总结，欢迎指正....
隔了一天，又拿起代码看了下，突然想起在java中拼接字符串转义字符的事，才想起js也有这个东东。
原来这样:
复制代码 代码如下:
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'/>“
就没问题了。
知识总结：
在js中单双引号的效果是一样的，但是如果你的字符串中有单引号则外面要用双引号，如果你的字符串中存在双引号则外面要用单引号括起来，这样就不用转义字符了。
上面的输出结果是：
复制代码 代码如下:
onclick='confirmDelOneInfo("http://...?type=1&nodeId=11","测试1");'
看出在html中，如果外面使用单引号则里面要用双引号，否则IE报错，因此用到转义字符\"转换双引号。在动态生成html的元素时，尤其要注意单双引号的问题，否则会很头疼的。
呵呵，一点小知识的总结，欢迎指正....
相关文章
这篇文章主要介绍了layui框架中layer父子页面交互的方法,结合实例形式分析了layer父子页面交互的常用技巧以及layer弹出多个iframe找到父页面的操作方法,需要的朋友可以参考下2017-11-11
其实想要彻底理解js中this的指向，不必硬背，这篇文章主要给大家介绍了关于Javascript中函数分类&this指向的相关资料,需要的朋友可以参考下2021-05-05
这篇文章主要为大家详细介绍了解决js图片加载时出现404问题的方法，具有一定的参考价值，这方面有困惑的朋友可以参考一下2015-11-11
这篇文章主要介绍了JavaScript弹出窗口方法,非常实用的功能,需要的朋友可以参考下2014-08-08
这篇文章主要为大家详细 介绍了OpenLayer学习之自定义测量控件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-09-09
这篇文章主要介绍了js实现敏感词过滤算法及实现逻辑，文中介绍了dfa算法，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2018-07-07
这篇文章主要介绍了使用js如何动态控制table的tr，td增加及删除,需要的朋友可以参考下2014-04-04
这篇文章主要介绍了JavaScript Window窗口对象属性和使用方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-01-01
这篇文章主要介绍了ES6数组与对象的解构赋值,结合实例形式详细分析了ES6中数组与对象的解构赋值原理、用法及相关操作注意事项,需要的朋友可以参考下2019-06-06
我们使用app.json文件来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。2017-01-01
最新评论