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实现锚点(Anchor)间平滑跳转
Sep 08 Javascript
了解jQuery技巧来提高你的代码(个人觉得那个jquery的手册很不错)
Feb 10 Javascript
JS执行删除前的判断代码
Feb 18 Javascript
js 操作符汇总
Nov 08 Javascript
js实现遮罩层弹出框的方法
Jan 15 Javascript
js制作简易年历完整实例
Jan 28 Javascript
node.js操作mysql(增删改查)
Jul 24 Javascript
VUE中v-model和v-for指令详解
Jun 23 Javascript
解决JS外部文件中文注释出现乱码问题
Jul 09 Javascript
r.js来合并压缩css文件的示例
Apr 26 Javascript
vue-cli构建vue项目的步骤详解
Jan 27 Javascript
微信小程序wxml列表渲染原理解析
Nov 27 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 执行系统命令的方法
2009/07/07 PHP
php中将数组转成字符串并保存到数据库中的函数代码
2013/09/29 PHP
php Calender(日历)代码分享
2014/01/03 PHP
PHP跨平台获取服务器IP地址自定义函数分享
2014/12/29 PHP
php递归法读取目录及文件的方法
2015/01/30 PHP
Laravel实现ORM带条件搜索分页
2019/10/24 PHP
js showModalDialog 弹出对话框的简单实例(子窗体)
2014/01/07 Javascript
JavaScript基础知识学习笔记
2014/12/02 Javascript
轻松学习jQuery插件EasyUI EasyUI创建RSS Feed阅读器
2015/11/30 Javascript
详解Vue2.0配置mint-ui踩过的那些坑
2018/04/23 Javascript
详解vue组件基础
2018/05/04 Javascript
JavaScript键盘事件常见用法实例分析
2019/01/03 Javascript
nodejs npm错误Error:UNKNOWN:unknown error,mkdir 'D:\Develop\nodejs\node_global'at Error
2019/03/02 NodeJs
微信小程序整合使用富文本编辑器的方法详解
2019/04/25 Javascript
Vue通过配置WebSocket并实现群聊功能
2019/12/31 Javascript
javascript设计模式 ? 组合模式原理与应用实例分析
2020/04/14 Javascript
wxpython 学习笔记 第一天
2009/02/09 Python
Python减少循环层次和缩进的技巧分析
2016/03/15 Python
Python基于hashlib模块的文件MD5一致性加密验证示例
2018/02/10 Python
使用python实现mqtt的发布和订阅
2019/05/05 Python
python使用opencv实现马赛克效果示例
2019/09/28 Python
详解python中的异常捕获
2020/12/15 Python
Python用access判断文件是否被占用的实例方法
2020/12/17 Python
python 实现图片裁剪小工具
2021/02/02 Python
Zavvi荷兰:英国大型音像制品和图书游戏零售商
2018/03/22 全球购物
澳大利亚在线家具、灯饰和家居装饰店:LivingStyles
2018/11/20 全球购物
DOM和JQuery对象有什么区别
2016/11/11 面试题
转党组织关系介绍信
2014/01/08 职场文书
奥巴马胜选演讲稿
2014/05/15 职场文书
党员个人剖析材料
2014/09/30 职场文书
教师先进事迹材料
2014/12/16 职场文书
2015年端午节活动总结
2015/02/11 职场文书
消费者投诉书范文
2015/07/02 职场文书
解除租赁合同协议书
2016/03/21 职场文书
小学三年级作文之写景
2019/11/05 职场文书
纯 CSS 自定义多行省略的问题(从原理到实现)
2021/11/11 HTML / CSS