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 相关文章推荐
jquery 实现的全选和反选
Apr 15 Javascript
Chosen 基于jquery的选择框插件使用方法
May 30 Javascript
JS获取浏览器版本及名称实现函数
Apr 02 Javascript
js借助ActiveXObject实现创建文件
Sep 29 Javascript
基于javascript实现tab选项卡切换特效调试笔记
Mar 30 Javascript
JavaScript数值千分位格式化的两种简单实现方法
Aug 01 Javascript
Bootstrap 模态框自定义点击和关闭事件详解
Aug 10 Javascript
Vuex 快速入门(简单易懂)
Sep 20 Javascript
clipboard在vue中的使用的方法示例
Oct 19 Javascript
Cocos2d实现刮刮卡效果
Dec 20 Javascript
详解基于Vue的支持数据双向绑定的select组件
Sep 02 Javascript
8个非常实用的Vue自定义指令
Dec 15 Vue.js
一个简单的动态加载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
Laravel的throttle中间件失效问题解决方法
2016/10/09 PHP
php读取qqwry.dat ip地址定位文件的类实例代码
2016/11/15 PHP
php简单中奖算法(实例)
2017/08/15 PHP
Aptana调试javascript图解教程
2009/11/30 Javascript
浅析JavaScript回调函数应用
2016/05/22 Javascript
bootstrapValidator自定验证方法写法
2016/12/01 Javascript
详解JavaScript时间处理之几个月前或几个月后的指定日期
2016/12/21 Javascript
BootStrap Tooltip插件源码解析
2016/12/27 Javascript
Vue2.0 从零开始_环境搭建操作步骤
2017/06/14 Javascript
JS实现上传图片的三种方法并实现预览图片功能
2017/07/14 Javascript
JQuery用$.ajax或$.getJSON跨域获取JSON数据的实现代码
2017/09/23 jQuery
微信小程序实现tab和swiper切换结合效果
2020/07/17 Javascript
nodejs aes 加解密实例
2018/10/10 NodeJs
微信小程序 弹窗输入组件的实现解析
2019/08/12 Javascript
手动实现vue2.0的双向数据绑定原理详解
2021/02/06 Vue.js
[58:59]完美世界DOTA2联赛PWL S3 access vs CPG 第一场 12.13
2020/12/16 DOTA
Python实现Logger打印功能的方法详解
2017/09/01 Python
python实现自动网页截图并裁剪图片
2018/07/30 Python
解决django服务器重启端口被占用的问题
2019/07/26 Python
使用python绘制cdf的多种实现方法
2020/02/25 Python
python中shell执行知识点
2020/05/06 Python
世界上最大的街头服饰网站:Karmaloop
2017/02/04 全球购物
美国最灵活的移动提供商:Tello
2017/07/18 全球购物
亚马逊加拿大网站:Amazon.ca
2020/01/06 全球购物
美国沃尔玛网上超市:Walmart
2020/08/14 全球购物
新三好学生主要事迹
2014/01/23 职场文书
初中三好学生自我鉴定
2014/04/07 职场文书
投标人法定代表人授权委托书格式
2014/09/28 职场文书
汽车机电维修工求职信
2014/09/30 职场文书
2015年七一建党节演讲稿
2015/03/19 职场文书
奠基仪式致辞
2015/07/30 职场文书
2019让人心动的商业计划书
2019/06/27 职场文书
赞美教师的句子
2019/09/02 职场文书
解决Nginx 配置 proxy_pass 后 返回404问题
2021/03/31 Servers
《异世界四重奏》剧场版6月10日上映 PV视觉图原创角色发表
2022/03/20 日漫
MyBatis配置文件解析与MyBatis实例演示
2022/04/07 Java/Android