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日期格式化示例分享
Mar 05 Javascript
JavaScript实现复制内容到粘贴板代码
Mar 31 Javascript
Vue学习笔记进阶篇之单元素过度
Jul 19 Javascript
Angular2.0/4.0 使用Echarts图表的示例代码
Dec 07 Javascript
vue结合axios与后端进行ajax交互的方法
Jul 06 Javascript
jQuery实现动画、消失、显现、渐出、渐入效果示例
Sep 06 jQuery
深入理解移动前端开发之viewport
Oct 19 Javascript
微信小程序swiper实现滑动放大缩小效果
Nov 15 Javascript
JavaScript模板引擎原理与用法详解
Dec 24 Javascript
微信小程序自定义可滑动日历界面
Dec 28 Javascript
解决vue-cli输入命令vue ui没效果的问题
Nov 17 Javascript
微信小程序抽奖组件的使用步骤
Jan 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面向对象的方法重载两种版本比较
2008/09/08 PHP
PHP资源管理框架Assetic简介
2014/06/12 PHP
PHP pthreads v3下同步处理synchronized用法示例
2020/02/21 PHP
解决PHPstudy Apache无法启动的问题【亲测有效】
2020/10/30 PHP
JavaScript 克隆数组最简单的方法
2009/02/12 Javascript
JavaScript控制Session操作方法
2013/01/17 Javascript
使用Javascript简单实现图片无缝滚动
2014/12/05 Javascript
jquery操作ID带有变量的节点实例
2016/12/07 Javascript
javascript编程实现栈的方法详解【经典数据结构】
2017/04/11 Javascript
Node.js自定义实现文件路由功能
2017/09/22 Javascript
解决vue keep-alive 数据更新的问题
2018/09/21 Javascript
微信公众号H5支付接口调用方法
2019/01/10 Javascript
Node.js中Koa2在控制台输出请求日志的方法示例
2019/05/02 Javascript
使用JavaScript和MQTT开发物联网应用示例解析
2020/08/07 Javascript
vue项目中openlayers绘制行政区划
2020/12/24 Vue.js
[00:55]深扒TI7聊天轮盘语音出处3
2017/05/11 DOTA
在Python中使用CasperJS获取JS渲染生成的HTML内容的教程
2015/04/09 Python
使用Python opencv实现视频与图片的相互转换
2019/07/08 Python
Django用户认证系统 User对象解析
2019/08/02 Python
python匿名函数的使用方法解析
2019/10/10 Python
python处理excel绘制雷达图
2019/10/18 Python
HTML5+CSS设置浮动却没有动反而在中间且错行的问题
2020/05/26 HTML / CSS
Lee牛仔裤澳大利亚官网:美国著名牛仔裤品牌
2017/09/02 全球购物
介绍Ibatis的核心类
2013/11/18 面试题
C++面试题:关于链表和指针
2013/06/05 面试题
高级文秘工作总结的自我评价
2013/09/28 职场文书
大学生毕业自我评价范文分享
2013/11/07 职场文书
业务经理岗位职责
2013/11/11 职场文书
联谊会主持词
2014/03/26 职场文书
大学升旗仪式主持词
2015/07/04 职场文书
2016年教师党员承诺书范文
2016/03/24 职场文书
【HBU】数据库第四周 单表查询
2021/04/05 SQL Server
如何使JavaScript休眠或等待
2021/04/27 Javascript
Mysql数据库索引面试题(程序员基础技能)
2021/05/31 MySQL
nginx实现多geoserver服务的负载均衡
2022/05/15 Servers
Pygame游戏开发之太空射击实战敌人精灵篇
2022/08/05 Python