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 相关文章推荐
uploadify在Firefox下丢失session问题的解决方法
Aug 07 Javascript
node.js中的http.response.addTrailers方法使用说明
Dec 14 Javascript
JavaScript实现Java中StringBuffer的方法
Feb 09 Javascript
JS实现让访问者自助选择网页文字颜色的方法
Feb 24 Javascript
基于Javascript实现弹出页面效果
Jan 01 Javascript
JS中原始值和引用值的储存方式示例详解
Mar 23 Javascript
React注册倒计时功能的实现
Sep 06 Javascript
vue-cli3环境变量与分环境打包的方法示例
Feb 18 Javascript
微信小程序云开发详细教程
May 16 Javascript
Javascript中的this,bind和that使用实例
Dec 05 Javascript
JS实现扫码枪扫描二维码功能
Jan 03 Javascript
解决vue 退出动画无效的问题
Aug 09 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应用程序来获取Web服务器的状态信息
2006/10/09 PHP
php实现的统计字数函数定义与使用示例
2017/07/26 PHP
PHP观察者模式定义与用法实例分析
2019/03/22 PHP
JavaScript中:表达式和语句的区别[译]
2012/09/17 Javascript
JS特殊函数(Function()构造函数、函数直接量)区别介绍
2013/05/19 Javascript
javascript 面向对象封装与继承
2014/11/27 Javascript
浅谈jQuery事件绑定原理
2015/01/02 Javascript
jquery插件jSignature实现手动签名
2015/05/04 Javascript
JavaScript对象数组如何按指定属性和排序方向进行排序
2016/06/15 Javascript
详解用原生JavaScript实现jQuery的某些简单功能
2016/12/19 Javascript
基于node.js express mvc轻量级框架实践
2017/09/14 Javascript
js 两个日期比较相差多少天的实例
2017/10/19 Javascript
node.js+express+mySQL+ejs+bootstrop实现网站登录注册功能
2018/01/12 Javascript
vue.extend与vue.component的区别和联系
2018/09/19 Javascript
JS实现数组去重,显示重复元素及个数的方法示例
2019/01/21 Javascript
Vue实现导航栏点击当前标签变色功能
2020/08/19 Javascript
微信小程序开发之map地图组件定位并手动修改位置偏差
2019/08/17 Javascript
JS前端基于canvas给图片添加水印
2020/11/11 Javascript
Python迭代器和生成器定义与用法示例
2018/02/10 Python
Python通过for循环理解迭代器和生成器实例详解
2019/02/16 Python
Python Matplotlib实现三维数据的散点图绘制
2019/03/19 Python
Flask教程之重定向与错误处理实例分析
2019/08/01 Python
css3的过滤效果简单实例
2016/08/03 HTML / CSS
丝芙兰法国官网:SEPHORA法国
2016/09/01 全球购物
美国女士泳装店:Swimsuits For All
2017/03/02 全球购物
荷兰浴室和卫浴网上商店:Badkamerxxl.nl
2020/10/06 全球购物
计算机专业学生求职信分享
2013/12/15 职场文书
石油工程专业毕业生求职信
2014/04/13 职场文书
农业局党的群众路线教育实践活动整改方案
2014/09/20 职场文书
大雁塔导游词
2015/02/04 职场文书
学校世界艾滋病日宣传活动总结
2015/05/05 职场文书
毕业设计论文致谢词
2015/05/14 职场文书
演讲开场白台词大全
2015/05/29 职场文书
python xlwt模块的使用解析
2021/04/13 Python
Python函数中apply、map、applymap的区别
2021/11/27 Python
Python利用FlashText算法实现替换字符串
2022/03/31 Python