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中Date format(js日期格式化)方法小结
Dec 17 Javascript
详解JavaScript模块化开发
Dec 04 Javascript
jQuery实现删除li节点的方法
Dec 06 Javascript
jQuery焦点图轮播效果实现方法
Dec 19 Javascript
JS简单实现表格排序功能示例
Dec 20 Javascript
利用Javascript实现简单的转盘抽奖
Feb 13 Javascript
easyui combogrid实现本地模糊搜索过滤多列
May 13 Javascript
浅谈Angular 中何时取消订阅
Nov 22 Javascript
JavaScript实现与使用发布/订阅模式详解
Jan 19 Javascript
vue中多路由表头吸顶实现的几种布局方式
Apr 12 Javascript
js 函数性能比较方法
Aug 24 Javascript
请求时token过期自动刷新token操作
Sep 11 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和ACCESS写聊天室(八)
2006/10/09 PHP
做了CDN获取用户真实IP的函数代码(PHP与Asp设置方式)
2013/04/13 PHP
Yii中的cookie的发送和读取
2016/07/27 PHP
PHP实现字符串的全排列详解
2019/04/24 PHP
jquery插件jbox使用iframe关闭问题
2009/02/09 Javascript
Firebug入门指南(Firefox浏览器)
2010/08/21 Javascript
在子窗口中关闭父窗口的一句代码
2013/10/21 Javascript
js中浮点型运算BUG的解决方法说明
2014/01/06 Javascript
做好七件事帮你提升jQuery的性能
2014/02/06 Javascript
JavaScript变量的作用域全解析
2015/08/14 Javascript
详解JavaScript编程中正则表达式的使用
2015/10/25 Javascript
JS密码生成与强度检测完整实例(附demo源码下载)
2016/04/06 Javascript
微信小程序 canvas API详解及实例代码
2016/10/08 Javascript
详解vue-Resource(与后端数据交互)
2017/01/16 Javascript
bootstrap treeview 树形菜单带复选框及级联选择功能
2018/06/08 Javascript
Vue.js实现数据响应的方法
2018/08/13 Javascript
在Vue项目中使用jsencrypt.js对数据进行加密传输的方法
2019/04/17 Javascript
js遍历详解(forEach, map, for, for...in, for...of)
2019/08/28 Javascript
使用 Jest 和 Supertest 进行接口端点测试实例详解
2020/04/25 Javascript
Vant Weapp组件踩坑:picker的初始赋值解决
2020/11/12 Javascript
Python 第一步 hello world
2009/09/25 Python
Python下的subprocess模块的入门指引
2015/04/16 Python
django echarts饼图数据动态加载的实例
2019/08/12 Python
python如何调用百度识图api
2020/09/29 Python
python从PDF中提取数据的示例
2020/10/30 Python
python利用pytesseract 实现本地识别图片文字
2020/12/14 Python
html5 迷宫游戏(碰撞检测)实例一
2013/07/25 HTML / CSS
南京某软件公司的.net面试题
2015/11/30 面试题
旺仔牛奶广告词
2014/03/20 职场文书
会计专业个人自我鉴定
2014/03/21 职场文书
治超工作实施方案
2014/05/04 职场文书
企业仓管员岗位职责
2014/06/15 职场文书
世界卫生日宣传活动总结
2015/02/09 职场文书
2016年大学迎新晚会工作总结
2015/10/15 职场文书
八年级物理教学反思
2016/02/19 职场文书
pytorch损失反向传播后梯度为none的问题
2021/05/12 Python