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的用鼠标画出可移动的div
Sep 06 Javascript
html的DOM中document对象images集合用法实例
Jan 21 Javascript
Bootstrap每天必学之标签页(Tab)插件
Aug 09 Javascript
深入理解Ajax的get和post请求
Jun 02 Javascript
AngularJs bootstrap搭载前台框架——js控制部分
Sep 01 Javascript
浅谈vue的iview列表table render函数设置DOM属性值的方法
Sep 30 Javascript
Express系列之multer上传的使用
Oct 27 Javascript
axios发送post请求,提交图片类型表单数据方法
Mar 16 Javascript
Vue实现本地购物车功能
Dec 05 Javascript
用element的upload组件实现多图片上传和压缩的示例代码
Feb 12 Javascript
echarts大屏字体自适应的方法步骤
Jul 12 Javascript
Vue实现剪切板图片压缩功能
Feb 04 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
PHP-MySQL教程归纳总结
2008/06/07 PHP
php实现数组按指定KEY排序的方法
2015/03/30 PHP
php中序列化与反序列化详解
2017/02/13 PHP
PHP实现批量重命名某个文件夹下所有文件的方法
2017/09/04 PHP
JS 操作符整理[推荐收藏]
2011/11/15 Javascript
用JQuery在网页中实现分隔条功能的代码
2012/08/09 Javascript
快速学习AngularJs HTTP响应拦截器
2015/12/31 Javascript
原生JavaScript制作微博发布面板效果
2016/03/11 Javascript
node.js版本管理工具n无效的原理和解决方法
2016/11/24 Javascript
Angular中支持SCSS的方法
2017/11/18 Javascript
浅谈react性能优化的方法
2018/09/05 Javascript
jQuery对底部导航进行跳转并高亮显示的实例代码
2019/04/23 jQuery
详解JS判断页面是在手机端还是在PC端打开的方法
2019/04/26 Javascript
详解vue 动态加载并注册组件且通过 render动态创建该组件
2019/05/30 Javascript
微信小程序页面调用自定义组件内的事件详解
2019/09/12 Javascript
javascript简单实现深浅拷贝过程详解
2019/10/08 Javascript
[42:20]Winstrike vs VGJ.S 2018国际邀请赛淘汰赛BO3 第二场 8.23
2018/08/24 DOTA
python TKinter获取文本框内容的方法
2018/10/11 Python
python批量下载网站马拉松照片的完整步骤
2018/12/05 Python
python中实现控制小数点位数的方法
2019/01/24 Python
python修改字典键(key)的方法
2019/08/05 Python
django基于存储在前端的token用户认证解析
2019/08/06 Python
Python range、enumerate和zip函数用法详解
2019/09/11 Python
Python多线程threading join和守护线程setDeamon原理详解
2020/03/18 Python
Canvas与图片压缩的示例代码
2017/11/28 HTML / CSS
Bed Bath & Beyond加拿大官网:购买床上用品、浴巾、厨房电器等
2019/10/04 全球购物
安全教育心得体会
2013/12/29 职场文书
高二历史教学反思
2014/01/25 职场文书
煤矿班组长竞聘书
2014/03/31 职场文书
数学教育专业求职信
2014/07/22 职场文书
酒店餐厅2014重阳节活动策划方案
2014/09/16 职场文书
关于运动会广播稿300字
2014/10/05 职场文书
大学生档案自我鉴定(2篇)
2014/10/14 职场文书
诚信教育主题班会
2015/08/13 职场文书
2016年国庆节假期旅游工作总结
2016/04/01 职场文书
PHP 时间处理类Carbon
2022/05/20 PHP