JavaScript中的单引号和双引号报错的解决方法


Posted in Javascript onSeptember 01, 2014

在使用JavaScript显示消息或者传递字符数据的时候,经常会碰到数据中夹杂单引号(')或者双引号("),这种语句往往会造成JavaScript报错。对此一般采用/'或者/"的解决。

例如:

Alert("this is test "message"!"); 
Alert('this is test 'message'!');

一般会改成以下语句

Alert("this is test /"message/"!"); 
//或者 
Alert("this is test 'message'!"); 
Alert('this is test /'message/'!');

以上如果只在脚本中使用或者没有太复杂的数据字符连接,则已经解决了这个问题。

但是如果存在比较复杂的数据字符连接的时候,特别是某些由服务器组合的JavaScript语句时候可以考虑将单引号(')和者双引号("),用转义序列(escape sequence )输出。

例如上面的语句可以转变成以下的格式:

Alert("this is test /u0022message/u0022!"); 
Alert('this is test /u0027message/u0027!');

补充一些常用的编码

字符说明 Unicode 转义序列
长破折号 (—) /u2014
注册符号 (R) /u00AE
版权符号 (c) /u00A9
商标符号 (?) /u2122
欧元符号 (?) /u20AC
反斜杠 (/) /u005C
正斜杠 (/) /u002F
左大括号 ({) /u007B
右大括号 (}) /u007D
小于号 (<) /u003C
大于号 (>) /u003E
星号 (*) /u002A
& &
' '(/u0027)
" "(/u0022)
< <
> >

Javascript 相关文章推荐
js阻止冒泡及jquery阻止事件冒泡示例介绍
Nov 19 Javascript
Jquery插件分享之气泡形提示控件grumble.js
May 20 Javascript
js动态创建及移除div的方法
Jun 03 Javascript
JavaScript中的数据类型转换方法小结
Oct 26 Javascript
深入浅析react native es6语法
Dec 09 Javascript
BootStrap Progressbar 实现大文件上传的进度条的实例代码
Jun 27 Javascript
Three.js学习之Lamber材质和Phong材质
Aug 04 Javascript
Vue.js实现无限加载与分页功能开发
Nov 03 Javascript
JavaScript实现自定义媒体播放器方法介绍
Jan 03 Javascript
JavaScript中offsetWidth的bug及解决方法
May 17 Javascript
jQuery实现标签子元素的添加和赋值方法
Feb 24 jQuery
微信小程序实现列表左右滑动
Nov 19 Javascript
一个简单的动态加载js和css的jquery代码
Sep 01 #Javascript
jquery ajax请求方式与提示用户正在处理请稍等
Sep 01 #Javascript
用js提交表单解决一个页面有多个提交按钮的问题
Sep 01 #Javascript
浅析JQuery中的html(),text(),val()区别
Sep 01 #Javascript
如何判断微信内置浏览器(通过User Agent实现)
Sep 01 #Javascript
使用jquery.validate自定义方法实现&quot;手机号码或者固话至少填写一个&quot;的逻辑验证
Sep 01 #Javascript
上传图片js判断图片尺寸和格式兼容IE
Sep 01 #Javascript
You might like
对squid中refresh_pattern的一些理解和建议
2009/04/17 PHP
PHP实现动态添加XML中数据的方法
2018/03/30 PHP
6款经典实用的jQuery小插件及源码(对话框/提示工具等等)
2013/02/04 Javascript
使用JavaScript 实现的人脸检测
2015/03/24 Javascript
jQuery实现dialog设置focus焦点的方法
2015/06/10 Javascript
SublimeText自带格式化代码功能之reindent
2015/12/27 Javascript
jquery分页插件jquery.pagination.js实现无刷新分页
2016/04/01 Javascript
利用jQuery插件imgAreaSelect实现获得选择域的图像信息
2016/12/02 Javascript
js实现短信发送倒计时功能(正则验证)
2017/02/10 Javascript
ie下js不执行的几种可能
2017/02/28 Javascript
angular4 JavaScript内存溢出问题
2018/03/06 Javascript
详解基于mpvue的小程序markdown适配解决方案
2018/05/08 Javascript
JavaScript数据结构与算法之检索算法示例【二分查找法、计算重复次数】
2019/02/22 Javascript
JointJS JavaScript流程图绘制框架解析
2019/08/15 Javascript
[01:03]悬念揭晓 11月26日DOTA2完美盛典不见不散
2017/11/23 DOTA
Python3实现将文件树中所有文件和子目录归档到tar压缩文件的方法
2015/05/22 Python
解决matplotlib库show()方法不显示图片的问题
2018/05/24 Python
python面试题Python2.x和Python3.x的区别
2019/05/28 Python
用Q-learning算法实现自动走迷宫机器人的方法示例
2019/06/03 Python
python列表切片和嵌套列表取值操作详解
2020/02/27 Python
Python基于xlutils修改表格内容过程解析
2020/07/28 Python
HTML5的Video标签有部分MP4无法播放的问题解析(多图)
2017/08/18 HTML / CSS
西班牙英格列斯百货英国官网:El Corte Inglés英国
2017/10/30 全球购物
意大利宠物用品购物网站:Bauzaar
2018/09/15 全球购物
VICHY薇姿俄罗斯官方网上商店:法国护肤品牌,火山温泉水
2019/11/22 全球购物
介绍一下linux的文件系统
2012/03/20 面试题
WSDL的操作类型主要有几种
2013/07/19 面试题
应用心理学个人求职信范文
2013/12/11 职场文书
宿舍使用违章电器检讨书
2014/01/12 职场文书
公民授权委托书范本
2014/09/17 职场文书
2014法制宣传日活动总结范文
2014/11/01 职场文书
应届生个人的求职(自荐信范文2篇)
2019/08/23 职场文书
导游词之太行山青龙峡
2020/01/14 职场文书
详解Redis瘦身指南
2021/05/26 Redis
vue使用echarts实现折线图
2022/03/21 Vue.js
使用Nginx+Tomcat实现负载均衡的全过程
2022/05/30 Servers