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 相关文章推荐
document 和 document.all 分别什么时候用
Jun 22 Javascript
js本身的局限性 别让javascript做太多事
Mar 23 Javascript
javascript cookies操作集合
Apr 12 Javascript
JavaScript 拾碎[三] 使用className属性
Oct 16 Javascript
IE6浏览器下resize事件被执行了多次解决方法
Dec 11 Javascript
谷歌地图打不开的解决办法
Aug 07 Javascript
jQuery中$.each使用详解
Jan 29 Javascript
深入浅析JS的数组遍历方法(推荐)
Jun 15 Javascript
关于Vue.js一些问题和思考学习笔记(2)
Dec 02 Javascript
jQuery 实现双击编辑表格功能
Jun 19 jQuery
Layui组件Table绑定行点击事件和获取行数据的方法
Aug 19 Javascript
js在HTML的三种引用方式详解
Aug 29 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_xmlhttp 乱码问题解决方法
2009/08/07 PHP
PHP 实现代码复用的一个方法 traits新特性
2015/02/22 PHP
ThinkPHP3.2.3数据库设置新特性
2015/03/05 PHP
PHP的serialize序列化数据以及JSON格式化数据分析
2015/10/10 PHP
PHP经典面试题之设计模式(经常遇到)
2015/10/15 PHP
php getcwd与dirname(__FILE__)区别详解
2016/09/24 PHP
javascript的创建多行字符串的7种方法
2014/04/29 Javascript
jQuery实现冻结表头的方法
2015/03/09 Javascript
深入剖析JavaScript:Object类型
2016/05/10 Javascript
KnockoutJS 3.X API 第四章之表单submit、enable、disable绑定
2016/10/10 Javascript
详细分析JS函数去抖和节流
2017/12/05 Javascript
angularjs select 赋值 ng-options配置方法
2018/02/28 Javascript
iview Upload组件多个文件上传的示例代码
2018/09/30 Javascript
Vue2.0+Vux搭建一个完整的移动webApp项目的示例
2019/03/19 Javascript
JS防抖和节流实例解析
2019/09/24 Javascript
vue+element实现图片上传及裁剪功能
2020/06/29 Javascript
如何基于jQuery实现五角星评分
2020/09/02 jQuery
Vue如何跨组件传递Slot的实现
2020/12/14 Vue.js
[03:00]DOTA2-DPC中国联赛1月18日Recap集锦
2021/03/11 DOTA
关于Python元祖,列表,字典,集合的比较
2017/01/06 Python
对python 判断数字是否小于0的方法详解
2019/01/26 Python
Python零基础入门学习之输入与输出
2019/04/03 Python
Python实现 版本号对比功能的实例代码
2019/04/18 Python
Python向excel中写入数据的方法
2019/05/05 Python
Laravel框架表单验证格式化输出的方法
2019/09/25 Python
python 实现生成均匀分布的点
2019/12/05 Python
Python单链表原理与实现方法详解
2020/02/22 Python
python Autopep8实现按PEP8风格自动排版Python代码
2021/03/02 Python
HTML5 progress和meter控件_动力节点Java学院整理
2017/07/06 HTML / CSS
HTML5 Canvas 起步(1) - 基本概念
2009/05/12 HTML / CSS
澳大利亚设计的优质鞋类和适合澳大利亚生活方式的服装:Rivers
2019/04/23 全球购物
编辑硕士自荐信范文
2013/11/27 职场文书
市场部专员岗位职责
2013/11/30 职场文书
我的中国梦演讲稿800字
2014/08/19 职场文书
2015年车间安全管理工作总结
2015/05/13 职场文书
卫生保健工作总结2015
2015/05/18 职场文书