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 相关文章推荐
javascript字典探测用户名工具
Oct 05 Javascript
javascript parseInt 函数分析(转)
Mar 21 Javascript
jQuery + Flex 通过拖拽方式动态改变图片的代码
Aug 03 Javascript
JS取文本框中最小值的简单实例
Nov 29 Javascript
JS调用页面表格导出excel示例代码
Mar 18 Javascript
JavaScript字符串对象的concat方法实例(用于连接两个或多个字符串)
Oct 16 Javascript
Javascript无参数和有参数类继承问题解决方法
Mar 02 Javascript
jquery动态赋值id与动态取id方法示例
Aug 21 jQuery
js实现类似iphone的网页滑屏解锁功能示例【附源码下载】
Jun 10 Javascript
Element-UI中关于table表格的那些骚操作(小结)
Aug 15 Javascript
vue组件暴露和.js文件暴露接口操作
Aug 11 Javascript
Javascript前端下载后台传来的文件流代码实例
Aug 18 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
javascript中的有名函数和无名函数
2007/10/17 Javascript
javascript Keycode对照表
2009/10/24 Javascript
理解Javascript_13_执行模型详解
2010/10/20 Javascript
JQuery获取文本框中字符长度的代码
2011/09/29 Javascript
js读取json的两种常用方法示例介绍
2014/10/19 Javascript
jQuery实现信息提示框(带有圆角框与动画)效果
2015/08/07 Javascript
JavaScript面向对象程序设计教程
2016/03/29 Javascript
Javascript字符串常用方法详解
2016/07/21 Javascript
使用纯JS代码判断字符串中有多少汉字的实现方法(超简单实用)
2016/11/12 Javascript
微信小程序开发探究
2016/12/27 Javascript
nodejs中art-template模板语法的引入及冲突解决方案
2017/11/07 NodeJs
vue中如何创建多个ueditor实例教程
2017/11/14 Javascript
图片加载完成再执行事件的实例
2017/11/16 Javascript
10个经典的网页鼠标特效代码
2018/01/09 Javascript
解决layui 三级联动下拉框更新时回显的问题
2019/09/03 Javascript
wxpython中利用线程防止假死的实现方法
2014/08/11 Python
Python做简单的字符串匹配详解
2017/03/21 Python
详解python使用递归、尾递归、循环三种方式实现斐波那契数列
2018/01/16 Python
Python实现的tcp端口检测操作示例
2018/07/24 Python
python opencv如何实现图片绘制
2020/01/19 Python
python 实现仿微信聊天时间格式化显示的代码
2020/04/17 Python
Django模板获取field的verbose_name实例
2020/05/19 Python
解决tensorflow/keras时出现数组维度不匹配问题
2020/06/29 Python
在django中实现choices字段获取对应字段值
2020/07/12 Python
Python 删除List元素的三种方法remove、pop、del
2020/11/16 Python
python实现无边框进度条的实例代码
2020/12/30 Python
请假条标准格式规范
2014/04/10 职场文书
工伤赔偿协议书范本
2014/04/15 职场文书
2014年机关作风建设工作总结
2014/10/23 职场文书
承诺保证书格式
2015/02/28 职场文书
红色革命电影观后感
2015/06/18 职场文书
小学一年级语文教学反思
2016/03/03 职场文书
全家福照片寄语怎么写?
2019/04/02 职场文书
2019年亲子运动会口号
2019/10/11 职场文书
导游词之凤凰古城
2019/10/22 职场文书
光之国的四大叛徒:第一贝利亚导致宇宙毁灭,赛文奥特曼在榜
2022/03/18 日漫