JS字符串拼接在ie中都报错的解决方法


Posted in Javascript onMarch 27, 2014

好久不用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的元素时,尤其要注意单双引号的问题,否则会很头疼的。

呵呵,一点小知识的总结,欢迎指正....

Javascript 相关文章推荐
Document 对象的常用方法
Jul 31 Javascript
基于JQuery模仿苹果桌面的Dock效果(初级版)
Oct 15 Javascript
jQuery中fadeOut()方法用法实例
Dec 24 Javascript
浅析javascript的return语句
Dec 15 Javascript
js时间戳转为日期格式的方法
Dec 28 Javascript
轻松实现Bootstrap图片轮播
Apr 20 Javascript
JS简单实现String转Date的方法
Mar 02 Javascript
浅谈JavaScript对象的创建方式
Jun 13 Javascript
微信小程序 input输入及动态设置按钮的实现
Oct 27 Javascript
vue项目总结之文件夹结构配置详解
Dec 13 Javascript
Vue+Jwt+SpringBoot+Ldap完成登录认证的示例代码
May 21 Javascript
详解如何更好的使用module vuex
Mar 27 Javascript
IE下双击checkbox反应延迟问题的解决方法
Mar 27 #Javascript
jquery实现的随机多彩tag标签随机颜色和字号大小效果
Mar 27 #Javascript
jquery实现下拉菜单的二级联动利用json对象从DB取值显示联动
Mar 27 #Javascript
js无刷新操作table的行和列
Mar 27 #Javascript
jquery 绑定回车动作扑捉回车键触发的事件
Mar 26 #Javascript
js 与 php 通过json数据进行通讯示例
Mar 26 #Javascript
JS嵌套函数调用上下文的问题解决
Mar 26 #Javascript
You might like
php htmlentities和htmlspecialchars 的区别
2008/08/18 PHP
有关PHP 中 config.m4 的探索
2020/08/26 PHP
Javascript 解疑
2009/11/11 Javascript
JavaScript 对象模型 执行模型
2010/10/15 Javascript
对jQuery的事件绑定的一些思考(补充)
2013/04/20 Javascript
window.location.href = window.location.href 跳转无反应 a超链接onclick事件写法
2013/08/21 Javascript
Jquery 监视按键,按下回车键触发某方法的实现代码
2014/05/11 Javascript
JavaScript模块随意拖动示例代码
2014/05/27 Javascript
仿百度联盟对联广告实现代码
2014/08/30 Javascript
AngularJS指令与指令之间的交互功能示例
2016/12/14 Javascript
JS二分查找算法详解
2017/11/01 Javascript
详解weex默认webpack.config.js改造
2018/01/08 Javascript
jQuery实现基本动画效果的方法详解
2018/09/06 jQuery
ES6中Set和Map用法实例详解
2020/03/02 Javascript
使用JavaScript和MQTT开发物联网应用示例解析
2020/08/07 Javascript
Vue 3.0中jsx语法的使用
2020/11/13 Javascript
uniapp开发小程序实现滑动页面控制元素的显示和隐藏效果
2020/12/10 Javascript
[50:15]VP vs Mineski 2018国际邀请赛淘汰赛BO3 第二场 8.22
2018/08/23 DOTA
Python实现把xml或xsl转换为html格式
2015/04/08 Python
pandas DataFrame数据转为list的方法
2018/04/11 Python
python bmp转换为jpg 并删除原图的方法
2018/10/25 Python
Python音频操作工具PyAudio上手教程详解
2019/06/26 Python
Python assert语句的简单使用示例
2019/07/28 Python
详解从Django Allauth中进行登录改造小结
2019/12/18 Python
TensorFlow tf.nn.max_pool实现池化操作方式
2020/01/04 Python
Python使用turtle库绘制小猪佩奇(实例代码)
2020/01/16 Python
Python for循环通过序列索引迭代过程解析
2020/02/07 Python
django admin 根据choice字段选择的不同来显示不同的页面方式
2020/05/13 Python
浅谈keras中的Merge层(实现层的相加、相减、相乘实例)
2020/05/23 Python
Python实现石头剪刀布游戏
2021/01/20 Python
岗位竞聘演讲稿
2014/01/10 职场文书
料理师求职信
2014/01/30 职场文书
就业协议书的作用
2014/04/11 职场文书
党的群众路线教育实践活动心得体会(乡镇)
2014/11/03 职场文书
2015社区健康教育工作总结
2015/05/20 职场文书
扩展多台相同的Web服务器
2021/04/01 Servers