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 BASE64编码 window.atob(), window.btoa()
Mar 09 Javascript
jquery获得option的值和对option进行操作
Dec 13 Javascript
JavaScript中使用指数方法Math.exp()的简介
Jun 15 Javascript
js判断是否为空和typeof的用法(详解)
Oct 07 Javascript
微信小程序(六):列表上拉加载下拉刷新示例
Jan 13 Javascript
浅谈JS对html标签的属性的干预以及对CSS样式表属性的干预
Jun 25 Javascript
Vue组件模板形式实现对象数组数据循环为树形结构(实例代码)
Jul 31 Javascript
vue中实现滚动加载更多的示例
Nov 08 Javascript
vue-better-scroll 的使用实例代码详解
Dec 03 Javascript
详解Vue基于vue-quill-editor富文本编辑器使用心得
Jan 03 Javascript
如何为你的JS项目添加智能提示与类型检查详解
Mar 12 Javascript
JS如何监听div的resize事件详解
Dec 03 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
ThinkPHP在新浪SAE平台的部署实例
2014/10/31 PHP
javascript截取字符串(通过substring实现并支持中英文混合)
2013/06/24 Javascript
Js放到HTML文件中的哪个位置有什么区别
2013/08/21 Javascript
jquery.qrcode在线生成二维码使用示例
2013/08/21 Javascript
3种不同方式的焦点图轮播特效分享
2013/10/30 Javascript
jQuery标签替换函数replaceWith()的使用例子
2014/08/28 Javascript
jQuery实现折叠、展开的菜单组效果代码
2015/09/16 Javascript
JavaScript操作HTML元素和样式的方法详解
2015/10/21 Javascript
详解javascript跨浏览器事件处理程序
2016/03/27 Javascript
Javascript中级语法快速入手
2016/07/30 Javascript
JS IOS/iPhone的Safari浏览器不兼容Javascript中的Date()问题如何解决
2016/11/11 Javascript
微信小程序滚动Tab实现左右可滑动切换
2017/08/17 Javascript
vue 路由页面之间实现用手指进行滑动的方法
2018/02/23 Javascript
jQuery插件jsonview展示json数据
2018/05/26 jQuery
vue 点击按钮增加一行的方法
2018/09/07 Javascript
用webpack4开发小程序的实现方法
2019/06/04 Javascript
微信小程序wx.request拦截器使用详解
2019/07/09 Javascript
浅谈vue 锚点指令v-anchor的使用
2019/11/13 Javascript
用Python实现一个简单的多线程TCP服务器的教程
2015/05/05 Python
Python中列表元素转为数字的方法分析
2016/06/14 Python
Python安装图文教程 Pycharm安装教程
2018/03/27 Python
图解Python变量与赋值
2018/04/03 Python
python 判断网络连通的实现方法
2018/04/22 Python
基于Python函数和变量名解析
2019/07/19 Python
pytorch GAN伪造手写体mnist数据集方式
2020/01/10 Python
Python插件机制实现详解
2020/05/04 Python
ansible-playbook实现自动部署KVM及安装python3的详细教程
2020/05/11 Python
Python如何解除一个装饰器
2020/08/07 Python
NET程序员上机面试题
2015/05/23 面试题
期末总结的个人自我评价
2013/11/02 职场文书
2014年大学生四年规划书范文
2014/04/03 职场文书
工伤劳动仲裁代理词
2015/05/25 职场文书
元旦晚会主持词开场白
2015/05/28 职场文书
Windows中Redis安装配置流程并实现远程访问功能
2021/06/07 Redis
请求模块urllib之PYTHON爬虫的基本使用
2022/04/08 Python
python神经网络 tf.name_scope 和 tf.variable_scope 的区别
2022/05/04 Python