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 Array Flatten 与递归使用介绍
Oct 30 Javascript
json数据的列循环示例
Sep 06 Javascript
jquery对ajax的支持介绍
Dec 10 Javascript
js以及jquery实现手风琴效果
Apr 17 Javascript
微信小程序 数据绑定及运算的简单实例
Sep 20 Javascript
浅谈webpack打包之后的文件过大的解决方法
Mar 07 Javascript
微信小程序wx.uploadfile 本地文件转base64的实现代码
Jun 28 Javascript
解决vue router组件状态刷新消失的问题
Aug 01 Javascript
详解如何在vscode里面调试js和node.js的方法步骤
Dec 24 Javascript
详解vue-cli+element-ui树形表格(多级表格折腾小计)
Apr 17 Javascript
Vue实现商品飞入购物车效果(电商项目)
Nov 26 Javascript
vue iview 隐藏Table组件里的某一列操作
Nov 13 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 数字左侧自动补0
2008/03/31 PHP
php5.3 废弃函数小结
2010/05/16 PHP
PHP直接修改表内容DataGrid功能实现代码
2015/09/24 PHP
thinkPHP中create方法与令牌验证实例浅析
2015/12/08 PHP
PHP通过加锁实现并发情况下抢码功能
2016/08/10 PHP
Laravel数据库读写分离配置的方法
2019/10/13 PHP
用函数式编程技术编写优美的 JavaScript
2006/11/25 Javascript
分享一个asp.net pager分页控件
2012/01/04 Javascript
js使用split函数按照多个字符对字符串进行分割的方法
2015/03/20 Javascript
分享几种比较简单实用的JavaScript tabel切换
2015/12/31 Javascript
详解Angularjs filter过滤器
2016/02/06 Javascript
jQuery中使用animate自定义动画的方法
2016/05/29 Javascript
JS禁止查看网页源代码的实现方法
2016/10/12 Javascript
Vue.js第一天学习笔记(数据的双向绑定、常用指令)
2016/12/01 Javascript
详解如何将 Vue-cli 改造成支持多页面的 history 模式
2017/11/20 Javascript
Node.js 路由的实现方法
2019/06/05 Javascript
原生javascript自定义input[type=radio]效果示例
2019/08/27 Javascript
Vue 实现复制功能,不需要任何结构内容直接复制方式
2019/11/09 Javascript
[03:06]2018年度CS GO最具人气解说-完美盛典
2018/12/16 DOTA
[01:08:32]DOTA2-DPC中国联赛 正赛 DLG vs PHOENIX BO3 第二场 1月18日
2021/03/11 DOTA
Python中dictionary items()系列函数的用法实例
2014/08/21 Python
利用python微信库itchat实现微信自动回复功能
2017/05/18 Python
python 多线程将大文件分开下载后在合并的实例
2018/11/09 Python
浅谈pycharm的xmx和xms设置方法
2018/12/03 Python
Python Flask框架扩展操作示例
2019/05/03 Python
Python实现word2Vec model过程解析
2019/12/16 Python
jupyter notebook中新建cell的方法与快捷键操作
2020/04/22 Python
Python Tornado实现WEB服务器Socket服务器共存并实现交互的方法
2020/05/26 Python
Python使用jupyter notebook查看ipynb文件过程解析
2020/06/02 Python
HTML5为输入框添加语音输入功能的实现方法
2017/02/06 HTML / CSS
Avène雅漾美国官方网站:敏感肌肤护理专家
2016/10/24 全球购物
加拿大最大的书店:Indigo
2017/01/01 全球购物
一年级班主任寄语
2014/01/19 职场文书
物理系毕业生自荐书
2014/06/13 职场文书
2014乡镇领导班子四风对照检查材料思想汇报
2014/10/05 职场文书
幼儿园国培研修日志
2015/11/13 职场文书