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工具 Cookie 封装
Aug 21 Javascript
jquery实现表格奇数偶数行不同样式(有图为证及实现代码)
Jan 23 Javascript
深入理解JavaScript系列(28):设计模式之工厂模式详解
Mar 03 Javascript
JS获取Table中td值的方法
Mar 19 Javascript
javascript中innerText和innerHTML属性用法实例分析
May 13 Javascript
JS根据key值获取URL中的参数值及把URL的参数转换成json对象
Aug 26 Javascript
学习javascript面向对象 实例讲解面向对象选项卡
Jan 04 Javascript
jQuery Ajax和getJSON获取后台普通json数据和层级json数据用法分析
Jun 08 Javascript
Angular.JS学习之依赖注入$injector详析
Oct 20 Javascript
js实现带进度条提示的多视频上传功能
Dec 13 Javascript
详解React开发必不可少的eslint配置
Feb 05 Javascript
创建与框架无关的JavaScript插件
Dec 01 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 adodb连接带密码access数据库实例,测试成功
2008/05/14 PHP
聊聊 PHP 8 新特性 Attributes
2020/08/19 PHP
javascript 多级checkbox选择效果
2009/08/20 Javascript
javascript 放大镜 v1.0 基于Yui2 实现的放大镜效果
2010/03/08 Javascript
juqery 学习之五 文档处理 包裹、替换、删除、复制
2011/02/11 Javascript
jquery ajax提交整个表单元素的快捷办法
2013/03/27 Javascript
javascript 获取模态窗口的滚动位置代码
2013/08/06 Javascript
JS实现时间格式化的方式汇总
2013/10/16 Javascript
js浏览器本地存储store.js介绍及应用
2014/05/13 Javascript
window.location.href的用法(动态输出跳转)
2014/08/09 Javascript
深入分析Cookie的安全性问题
2015/03/01 Javascript
jQuery实现仿路边灯箱广告图片轮播效果
2015/04/15 Javascript
javascript中offset、client、scroll的属性总结
2015/08/13 Javascript
解决js函数闭包内存泄露问题的办法
2016/01/25 Javascript
Bootstrap3 Grid system原理及应用详解
2016/09/30 Javascript
VueJs与ReactJS和AngularJS的异同点
2016/12/12 Javascript
js生成随机数方法和实例
2017/01/17 Javascript
详解webpack性能优化——DLL
2017/10/20 Javascript
vue.js添加一些触摸事件以及安装fastclick的实例
2018/08/28 Javascript
vue表单中遍历表单操作按钮的显示隐藏示例
2019/10/30 Javascript
vue父子组件的通信方法(实例详解)
2019/11/10 Javascript
详解JavaScript原型与原型链
2020/11/16 Javascript
[02:11]DOTA2上海特级锦标赛主赛事第二日RECAP
2016/03/04 DOTA
Python开发编码规范
2006/09/08 Python
详解python之配置日志的几种方式
2017/05/22 Python
Python自动发送邮件的方法实例总结
2018/12/08 Python
利用CSS3把图片变成灰色模式的实例代码
2016/09/06 HTML / CSS
html5 offlline 缓存使用示例
2013/06/24 HTML / CSS
保加利亚服装和鞋类购物网站:Bibloo.bg
2020/11/08 全球购物
大学军训感想
2014/02/12 职场文书
工地安全标语
2014/06/07 职场文书
民间个人借款协议书
2014/09/30 职场文书
宾馆前台接待岗位职责
2015/04/02 职场文书
民事诉讼答辩状范文
2015/05/21 职场文书
学校中层领导培训心得体会
2016/01/11 职场文书
详解Python类和对象内容
2021/06/22 Python