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 相关文章推荐
学习YUI.Ext 第七天--关于View&amp;JSONView
Mar 10 Javascript
Extjs4 Treegrid 使用心得分享(经验篇)
Jul 01 Javascript
JavaScript数组常用方法
Mar 02 Javascript
iscroll.js的上拉下拉刷新时无法回弹的解决方法
Feb 18 Javascript
浅析Javascript中bind()方法的使用与实现
Apr 29 Javascript
jQuery操作cookie
Aug 08 Javascript
Swiper实现轮播图效果
Jul 03 Javascript
swiper插件自定义切换箭头按钮
Dec 28 Javascript
JavaScript实现的级联算法示例【省市二级联动功能】
Dec 25 Javascript
jQuery实现经典的网页3D轮播图封装功能【附源码下载】
Feb 15 jQuery
ES11屡试不爽的新特性,你用上了几个
Oct 21 Javascript
JS轻量级函数式编程实现XDM二
Jun 16 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中的字符串函数
2006/10/09 PHP
同一空间绑定多个域名而实现访问不同页面的PHP代码
2006/12/06 PHP
PHP连接和操作MySQL数据库基础教程
2014/09/29 PHP
php中 ob_start等函数截取标准输出的方法
2015/06/22 PHP
编写PHP脚本过滤用户上传的图片
2015/07/03 PHP
jquery中this的使用说明
2010/09/06 Javascript
js 利用className得到对象的实现代码
2011/11/15 Javascript
JavaScript语言核心数据类型和变量使用介绍
2013/08/23 Javascript
JavaScript中的数值范围介绍
2014/12/29 Javascript
详解Vue 实例中的生命周期钩子
2017/03/21 Javascript
将input框中输入内容显示在相应的div中【三种方法可选】
2017/05/08 Javascript
关于redux-saga中take使用方法详解
2018/02/27 Javascript
node.js中ws模块创建服务端和客户端,网页WebSocket客户端
2019/03/06 Javascript
vue服务端渲染操作简单入门实例分析
2019/08/28 Javascript
如何实现iframe父子传参通信
2020/02/05 Javascript
Vue+webpack实现懒加载过程解析
2020/02/17 Javascript
js 压缩图片的示例(只缩小体积,不更改图片尺寸)
2020/10/21 Javascript
三剑客:offset、client和scroll还傻傻分不清?
2020/12/04 Javascript
Python备份目录及目录下的全部内容的实现方法
2016/06/12 Python
python3如何将docx转换成pdf文件
2018/03/23 Python
Python闭包思想与用法浅析
2018/12/27 Python
python实现多层感知器
2019/01/18 Python
Python从列表推导到zip()函数的5种技巧总结
2019/10/23 Python
python实现将视频按帧读取到自定义目录
2019/12/10 Python
基于python实现模拟数据结构模型
2020/06/12 Python
python实现自动清理重复文件
2020/08/24 Python
HTML5实现分享到微信好友朋友圈QQ好友QQ空间微博二维码功能
2018/01/03 HTML / CSS
VICHY薇姿美国官方网站:欧洲药房第一的抗衰老品牌
2017/11/22 全球购物
初中班主任评语
2014/04/24 职场文书
优秀班集体先进事迹材料
2014/05/28 职场文书
2014年学校德育工作总结
2014/12/05 职场文书
500字小学生检讨书
2015/02/19 职场文书
鸦片战争观后感
2015/06/09 职场文书
新入职员工工作总结
2015/10/15 职场文书
《秋天的怀念》教学反思
2016/02/17 职场文书
vue基于Teleport实现Modal组件
2021/05/31 Vue.js