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 相关文章推荐
Jquery显示和隐藏元素或设为只读(含Ligerui的控件禁用,实例说明介绍)
Jul 09 Javascript
javascript中的作用域和上下文使用简要概述
Dec 05 Javascript
IE与FF下javascript获取网页及窗口大小的区别详解
Jan 14 Javascript
jQuery实现表格行上下移动和置顶效果
Jun 05 Javascript
jQuery实现两个select控件的互移操作
Dec 22 Javascript
js+css3实现旋转效果
Jan 20 Javascript
JS解析后台返回的JSON格式数据实例
Aug 06 Javascript
angularjs下ng-repeat点击元素改变样式的实现方法
Sep 12 Javascript
Vue插槽原理与用法详解
Mar 05 Javascript
Vue中Table组件Select的勾选和取消勾选事件详解
Mar 19 Javascript
Vue Element UI + OSS实现上传文件功能
Jul 31 Javascript
详解vite2.0配置学习(typescript版本)
Feb 25 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
建立文件交换功能的脚本(二)
2006/10/09 PHP
PHP采用XML-RPC构造Web Service实例教程
2014/07/16 PHP
thinkphp3.2.2前后台公用类架构问题分析
2014/11/25 PHP
php实现字符串首字母大写和单词首字母大写的方法
2015/03/14 PHP
在Mac OS上搭建PHP的Yii框架及相关测试环境
2016/02/14 PHP
php实现批量删除挂马文件及批量替换页面内容完整实例
2016/07/08 PHP
php 修改上传文件大小限制实例详解
2016/10/23 PHP
PHP面向对象程序设计之命名空间与自动加载类详解
2016/12/02 PHP
PHP chunk_split()函数讲解
2019/02/12 PHP
Jquery 插件开发笔记整理
2011/01/17 Javascript
可简单避免的三个JS发布错误的详细介绍
2013/08/02 Javascript
使用js解决由border属性引起的div宽度问题
2013/11/26 Javascript
用模版生成HTML的的框架jquery.tmpl使用详解
2015/01/07 Javascript
JavaScript学习笔记之检测客户端类型是(引擎、浏览器、平台、操作系统、移动设备)
2015/12/03 Javascript
KnockoutJS 3.X API 第四章之数据控制流component绑定
2016/10/10 Javascript
jQuery实现select模糊查询(反射机制)
2017/01/14 Javascript
JavaScript实现简单生成随机颜色的方法
2017/09/21 Javascript
JS正则表达式完美实现身份证校验功能
2017/10/18 Javascript
使用百度地图实现地图网格的示例
2018/02/06 Javascript
webpack 如何解析代码模块路径的实现
2019/09/04 Javascript
微信小程序实用代码段(收藏版)
2019/12/17 Javascript
手把手教你实现 Promise的使用方法
2020/09/02 Javascript
vue 解决IOS10低版本白屏的问题
2020/11/17 Javascript
Python urllib模块urlopen()与urlretrieve()详解
2013/11/01 Python
python爬取足球直播吧五大联赛积分榜
2018/06/13 Python
详解python3中的真值测试
2018/08/13 Python
python中scrapy处理项目数据的实例分析
2020/11/22 Python
味多美官网:蛋糕订购,100%使用天然奶油
2017/11/10 全球购物
美国知名的旅游网站:OneTravel
2018/10/09 全球购物
Juice Beauty官网:有机美容产品,护肤与化妆品
2020/06/13 全球购物
如何写毕业求职自荐信
2013/11/06 职场文书
不打扫卫生检讨书
2014/02/12 职场文书
《闻一多先生的说和做》教学反思
2014/04/28 职场文书
2015年党日活动总结范文
2015/03/25 职场文书
Python insert() / append() 用法 Leetcode实战演示
2021/03/31 Python
python 如何做一个识别率百分百的OCR
2021/05/29 Python