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入门·动态的时钟,显示完整的一些方法,新年倒计时
Oct 01 Javascript
解析JavaScript中instanceof对于不同的构造器或许都返回true
Dec 03 Javascript
页面实时更新时间的JS实例代码
Dec 18 Javascript
JS保留两位小数,多位小数的示例代码
Jan 07 Javascript
jQuery对象与DOM对象之间的相互转换
Mar 03 Javascript
JS根据生日算年龄的方法
May 05 Javascript
javascript下使用Promise封装FileReader
Feb 19 Javascript
Angular ng-class详解及实例代码
Sep 19 Javascript
AngularJS实现单一页面内设置跳转路由的方法
Jun 28 Javascript
Vue2.0基于vue-cli+webpack Vuex的用法(实例讲解)
Sep 15 Javascript
React Native之prop-types进行属性确认详解
Dec 19 Javascript
vue 组件高级用法实例详解
Apr 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
codeigniter中实现一次性加载多个view的方法
2015/03/20 PHP
PHP实现HTML页面静态化的方法
2015/11/04 PHP
Laravel框架基础语法与知识点整理【模板变量、输出、include引入子视图等】
2019/12/03 PHP
php自动加载代码实例详解
2021/02/26 PHP
IE与firefox下Dhtml的一些区别小结
2009/12/02 Javascript
javascript实现TreeView 无刷新展开的实例代码
2013/07/13 Javascript
jquery实现tr元素的上下移动示例代码
2013/12/20 Javascript
浅谈jQuery的offset()方法及示例分享
2015/07/17 Javascript
Bootstrap每天必学之级联下拉菜单
2016/03/27 Javascript
JavaScript数组操作函数汇总
2016/08/05 Javascript
一步一步封装自己的HtmlHelper组件BootstrapHelper(二)
2016/09/14 Javascript
jQuery html表格排序插件tablesorter使用方法详解
2017/02/10 Javascript
详解微信小程序实现WebSocket心跳重连
2018/07/31 Javascript
react实现同页面三级跳转路由布局
2019/09/26 Javascript
js回调函数仿360开机
2019/12/26 Javascript
vue2路由方式--嵌套路由实现方法分析
2020/03/06 Javascript
基于vue+element实现全局loading过程详解
2020/07/10 Javascript
一起来了解一下JavaScript的预编译(小结)
2021/03/01 Javascript
Python 的 Socket 编程
2015/03/24 Python
python的paramiko模块实现远程控制和传输示例
2017/10/13 Python
Python从ZabbixAPI获取信息及实现Zabbix-API 监控的方法
2018/09/17 Python
pytorch对可变长度序列的处理方法详解
2018/12/08 Python
django 消息框架 message使用详解
2019/07/22 Python
python爬虫刷访问量 2019 7月
2019/08/01 Python
一行python实现树形结构的方法
2019/08/09 Python
wxPython实现分隔窗口
2019/11/19 Python
python 装饰器功能与用法案例详解
2020/03/06 Python
老生常谈CSS中的长度单位
2016/06/27 HTML / CSS
佳能加拿大网上商店:Canon eStore Canada
2018/04/04 全球购物
Saucony澳大利亚官网:美国跑鞋品牌,运动鞋中的劳斯莱斯
2018/05/05 全球购物
The North Face北面德国官网:美国著名户外品牌
2018/12/12 全球购物
全球500多个机场的接送服务:Suntransfers
2019/06/03 全球购物
家长对孩子评语
2014/01/30 职场文书
大宝sod蜜广告词
2014/03/21 职场文书
《爬天都峰》教学反思
2016/02/23 职场文书
vue实现input输入模糊查询的三种方式
2022/08/14 Vue.js