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中鼠标滚轮事件
May 26 Javascript
javascript实现网站加入收藏功能
Dec 16 Javascript
js操作cookie保存浏览记录的方法
Dec 25 Javascript
EasyUi combotree 实现动态加载树节点
Apr 01 Javascript
[原创]Bootstrap 中下拉菜单修改成鼠标悬停直接显示
Apr 14 Javascript
JS+Canvas绘制时钟效果
Aug 20 Javascript
bootstrap table配置参数例子
Jan 05 Javascript
JS抛物线动画实例制作
Feb 24 Javascript
jQuery实现的简单歌词滚动功能示例
Jan 07 jQuery
iview的table组件自带的过滤器实现
Jul 12 Javascript
vue-cli点击实现全屏功能
Mar 07 Javascript
纯JS实现五子棋游戏
May 28 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自动反斜杠的函数代码
2010/01/05 PHP
ThinkPHP缓存方法S()概述
2014/06/13 PHP
php的sso单点登录实现方法
2015/01/08 PHP
laravel5.6中的外键约束示例
2019/10/23 PHP
JavaScript中Object和Function的关系小结
2009/09/26 Javascript
基于jquery创建的一个图片、视频缓冲的效果样式插件
2012/08/28 Javascript
用JavaScript实现动画效果的方法
2013/07/20 Javascript
jQuery Validate 验证,校验规则写在控件中的具体实例
2014/02/27 Javascript
node.js中RPC(远程过程调用)的实现原理介绍
2014/12/05 Javascript
jQuery学习笔记之创建DOM元素
2015/01/19 Javascript
JavaScript实现更改网页背景与字体颜色的方法
2015/02/02 Javascript
jQuery实现移动 和 渐变特效的点击事件
2015/02/26 Javascript
javascript实现点击提交按钮后显示loading的方法
2015/07/03 Javascript
JavaScript通过改变文字透明度实现的文字闪烁效果实例
2017/04/27 Javascript
webpack配置文件和常用配置项介绍
2017/04/28 Javascript
Node.js系列之发起get/post请求(2)
2019/08/30 Javascript
Python实现的几个常用排序算法实例
2014/06/16 Python
浅谈Python 中整型对象的存储问题
2016/05/16 Python
pygame 精灵的行走及二段跳的实现方法(必看篇)
2017/07/10 Python
Python 装饰器使用详解
2017/07/29 Python
python绘制条形图方法代码详解
2017/12/19 Python
python实现日常记账本小程序
2018/03/10 Python
Python设计模式之建造者模式实例详解
2019/01/17 Python
Python批量查询关键词微信指数实例方法
2019/06/27 Python
python numpy之np.random的随机数函数使用介绍
2019/10/06 Python
python正则表达式匹配IP代码实例
2019/12/28 Python
基于python 等频分箱qcut问题的解决
2020/03/03 Python
Python实现Keras搭建神经网络训练分类模型教程
2020/06/12 Python
opencv+pyQt5实现图片阈值编辑器/寻色块阈值利器
2020/11/13 Python
基于ccs3的timeline时间线实现方法
2020/04/30 HTML / CSS
Vita Fede官网:在意大利手工制作,在纽约市设计
2019/10/25 全球购物
一道Delphi上机题
2012/06/04 面试题
毕业生教师求职信
2013/10/20 职场文书
普通简短的个人自我评价
2014/02/15 职场文书
信息服务专业毕业生求职信
2014/03/02 职场文书
六一儿童节标语
2014/10/08 职场文书