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 相关文章推荐
用js实现多域名不同文件的调用方法
Jan 12 Javascript
模拟用户操作Input元素,不会触发相应事件
May 11 Javascript
JavaScript实现仿网易通行证表单验证
May 25 Javascript
jquery调整表格行tr上下顺序实例讲解
Jan 09 Javascript
Angular 4.x 路由快速入门学习
May 03 Javascript
静态页面实现 include 引入公用代码的示例
Sep 25 Javascript
Angular4实现鼠标悬停3d倾斜效果
Oct 25 Javascript
vue2.0在table中实现全选和反选的示例代码
Nov 04 Javascript
浅谈JsonObject中的key-value数据解析排序问题
Dec 06 Javascript
Node.js 在本地生成日志文件的方法
Feb 07 Javascript
如何配置vue.config.js 处理static文件夹下的静态文件
Jun 19 Javascript
全面解析js中的原型,原型对象,原型链
Jan 25 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中遍历stdclass object的实现代码
2011/06/09 PHP
php检测文本的编码
2015/07/26 PHP
PHP通过bypass disable functions执行系统命令的方法汇总
2018/05/02 PHP
PHP使用ActiveMQ实现消息队列的方法详解
2019/05/31 PHP
锋利的jQuery 要点归纳(二) jQuery中的DOM操作(下)
2010/03/23 Javascript
JQuery入门——事件切换之hover()方法应用介绍
2013/02/05 Javascript
关于JavaScript中的关联数组分析
2013/04/09 Javascript
网页下载文件期间如何防止用户对网页进行其他操作
2014/06/27 Javascript
JavaScript实现的GBK、UTF8字符串实际长度计算函数
2014/08/27 Javascript
Javascript中使用parseInt函数需要注意的问题
2015/04/02 Javascript
在JS方法中返回多个值的方法汇总
2015/05/20 Javascript
AngularJS 路由详解和简单实例
2016/07/28 Javascript
pc加载更多功能和移动端下拉刷新加载数据
2016/11/07 Javascript
javascript动画系列之模拟滚动条
2016/12/13 Javascript
Angular2 自定义validators的实现方法
2017/07/05 Javascript
vuejs 单文件组件.vue 文件的使用
2017/07/28 Javascript
8 个有用的JS技巧(推荐)
2019/07/03 Javascript
vue表单中遍历表单操作按钮的显示隐藏示例
2019/10/30 Javascript
python每次处理固定个数的字符的方法总结
2013/01/29 Python
Python中replace方法实例分析
2014/08/20 Python
Python 关于反射和类的特殊成员方法
2017/09/14 Python
Python3.7中安装openCV库的方法
2018/07/11 Python
快速解决pyqt5窗体关闭后子线程不同时退出的问题
2019/06/19 Python
python 叠加等边三角形的绘制的实现
2019/08/14 Python
Python字节单位转换实例
2019/12/05 Python
基于python判断字符串括号是否闭合{}[]()
2020/09/21 Python
详解Python GUI编程之PyQt5入门到实战
2020/12/10 Python
eBay德国站:eBay.de
2017/09/14 全球购物
商务助理求职信范文
2014/04/20 职场文书
乐观自信演讲稿范文
2014/05/21 职场文书
法人授权委托书范本
2014/09/17 职场文书
学生实习证明范文
2014/09/28 职场文书
高校教师个人工作总结2014
2014/12/17 职场文书
一个家长教育孩子的心得体会
2016/01/15 职场文书
css3中2D转换之有趣的transform形变效果
2022/02/24 HTML / CSS
Golang 字符串的常见操作
2022/04/19 Golang