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 技巧
Apr 25 Javascript
jQuery中jqGrid分页实现代码
Nov 04 Javascript
AngularJS使用ngOption实现下拉列表的实例代码
Jan 23 Javascript
jquery实现界面无刷新加载登陆注册
Jul 30 Javascript
JQuery遍历元素的父辈和祖先的方法
Sep 18 Javascript
js 弹出虚拟键盘修改密码的简单实例
Oct 10 Javascript
js 作用域和变量详解
Feb 16 Javascript
Vue.js常用指令的使用小结
Jun 23 Javascript
bootstrap datetimepicker控件位置异常的解决方法
Nov 23 Javascript
vue 路由嵌套高亮问题的解决方法
May 17 Javascript
vue-router传参用法详解
Jan 19 Javascript
详解vue 命名视图
Aug 14 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调用Webservice思路及源码分享
2014/06/04 PHP
codeigniter集成ucenter1.6双向通信的解决办法
2014/06/12 PHP
PHP解密Unicode及Escape加密字符串
2015/05/17 PHP
PHP批量生成图片缩略图的方法
2015/06/18 PHP
laravel 实现设置时区的简单方法
2019/10/10 PHP
Nigma vs AM BO3 第二场2.13
2021/03/10 DOTA
通过javascript设置css属性的代码
2009/12/28 Javascript
jQuery中的bind绑定事件与文本框改变事件的临时解决方法
2010/08/13 Javascript
基于JQuery实现的类似购物商城的购物车
2011/12/06 Javascript
js判断是否为ie的方法小结
2014/01/13 Javascript
JavaScript必知必会(七)js对象继承
2016/06/08 Javascript
Vue.js每天必学之组件与组件间的通信
2016/09/08 Javascript
微信小程序  modal弹框组件详解
2016/10/27 Javascript
AngularJS路由切换实现方法分析
2017/03/17 Javascript
javascript实现日期三级联动下拉框选择菜单
2020/12/03 Javascript
用angular实现多选按钮的全选与反选实例代码
2017/05/23 Javascript
vue使用vue-cli快速创建工程
2017/07/28 Javascript
jquery对table做排序操作的实例演示
2017/08/10 jQuery
vue项目打包为APP,静态资源正常显示,但API请求不到数据的操作
2020/09/12 Javascript
vue中watch的用法汇总
2020/12/28 Vue.js
[05:15]DOTA2英雄梦之声_第16期_灰烬之灵
2014/06/21 DOTA
[07:08]2014DOTA2西雅图国际邀请赛 小组赛7月11日TOPPLAY
2014/07/11 DOTA
Python基于pygame实现图片代替鼠标移动效果
2015/11/11 Python
Python的包管理器pip更换软件源的方法详解
2016/06/20 Python
使用python爬虫获取黄金价格的核心代码
2018/06/13 Python
对Python3使运行暂停的方法详解
2019/02/18 Python
Python字符串格式化输出代码实例
2019/11/22 Python
python3光学字符识别模块tesserocr与pytesseract的使用详解
2020/02/26 Python
基于keras中的回调函数用法说明
2020/06/17 Python
一文详述 Python 中的 property 语法
2020/09/01 Python
创建学习型党组织实施方案
2014/03/29 职场文书
商务英语专业求职信
2014/06/26 职场文书
爱的奉献演讲稿
2014/09/10 职场文书
政风行风评议工作总结
2014/10/21 职场文书
2014年卫生院工作总结
2014/12/03 职场文书
《岳阳楼记》原文、译文赏析
2019/09/10 职场文书