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 相关文章推荐
Colortip基于jquery的信息提示框插件在IE6下面的显示问题修正方法
Dec 06 Javascript
读jQuery之十 事件模块概述
Jun 27 Javascript
JavaScript中的noscript元素属性位置及作用介绍
Apr 11 Javascript
基于JavaScript实现继承机制之构造函数方法对象冒充的使用详解
May 07 Javascript
javascript实现的DES加密示例
Oct 30 Javascript
IE6-IE9中tbody的innerHTML不能赋值的解决方法
Sep 26 Javascript
js常用的继承--组合式继承
Mar 06 Javascript
Bootstrap 响应式实用工具实例详解
Mar 29 Javascript
详解vue slot插槽的使用方法
Jun 13 Javascript
详解vue-meta如何让你更优雅的管理头部标签
Jan 18 Javascript
vue2.0$nextTick监听数据渲染完成之后的回调函数方法
Sep 11 Javascript
浅谈JavaScript_DOM学习篇_图片切换小案例
Mar 19 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中随机显示图片的函数代码
2011/06/23 PHP
PHP中strtotime函数使用方法详解
2011/11/27 PHP
ThinkPHP3.1新特性之内容解析输出详解
2014/06/19 PHP
本地计算机无法启动Apache故障处理
2014/08/08 PHP
PHP计算百度地图两个GPS坐标之间距离的方法
2015/01/09 PHP
10个php函数实用却不常见
2015/10/13 PHP
PHPMailer使用QQ邮箱实现邮件发送功能
2017/08/18 PHP
PHP面向对象五大原则之接口隔离原则(ISP)详解
2018/04/04 PHP
javascript 跨浏览器开发经验总结(五) js 事件
2010/05/19 Javascript
jquery动态加载图片数据练习代码
2011/08/04 Javascript
原生javaScript做得动态表格(注释写的很清楚)
2013/12/29 Javascript
JavaScript自学笔记(必看篇)
2016/06/23 Javascript
20行js代码实现的贪吃蛇小游戏
2017/06/20 Javascript
JavaScript 数组去重并统计重复元素出现的次数实例
2017/12/14 Javascript
vxe-table vue table 表格组件功能
2019/05/26 Javascript
深入了解query和params的使用区别
2019/06/24 Javascript
ant-design-vue中的select选择器,对输入值的进行筛选操作
2020/10/24 Javascript
[00:35]可解锁地面特效
2018/12/20 DOTA
使用python3.5仿微软记事本notepad
2016/06/15 Python
Flask框架URL管理操作示例【基于@app.route】
2018/07/23 Python
python单例模式的多种实现方法
2019/07/26 Python
python 实现rolling和apply函数的向下取值操作
2020/06/08 Python
浅析python实现动态规划背包问题
2020/12/31 Python
Qoo10马来西亚:全球时尚和引领潮流的购物市场
2016/08/25 全球购物
美国医疗用品、医疗设备和家庭保健用品商店:Medical Supply Depot
2018/07/08 全球购物
婚鞋、新娘鞋、礼服鞋、童鞋:Nina Shoes
2019/09/04 全球购物
数控技术应用个人求职信范文
2014/02/03 职场文书
户外拓展活动方案
2014/02/11 职场文书
2014教育局对照检查材料思想汇报
2014/09/23 职场文书
小学重阳节活动总结
2015/03/24 职场文书
给朋友的道歉短信
2015/05/12 职场文书
2015年小学数学教师个人工作总结
2015/05/25 职场文书
五年级作文之学校的四季
2019/12/05 职场文书
go 实现简易端口扫描的示例
2021/05/22 Golang
试了下Golang实现try catch的方法
2021/07/01 Golang
Python matplotlib绘制条形统计图 处理多个实验多组观测值
2022/04/21 Python