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 TextArea的选中区域处理
Dec 28 Javascript
IE中鼠标经过option触发mouseout的解决方法
Jan 29 Javascript
TypeScript具有的几个不同特质
Apr 07 Javascript
关于在Servelet中如何获取当前时间的操作方法
Jun 28 Javascript
微信小程序 基础知识css样式media标签
Feb 15 Javascript
Angularjs中的ui-bootstrap的使用教程
Feb 19 Javascript
JS简单实现获取元素的封装操作示例
Apr 07 Javascript
JavaScript调试之console.log调试的一个小技巧分享
Aug 07 Javascript
bootstrap paginator分页插件的两种使用方式实例详解
Nov 14 Javascript
Bootbox将后台JSON数据填充Form表单的实例代码
Sep 10 Javascript
微信小程序点餐系统开发常见问题汇总
Aug 06 Javascript
element-ui封装一个Table模板组件的示例
Jan 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
JAVA/JSP学习系列之七
2006/10/09 PHP
用PHP制作静态网站的模板框架(一)
2006/10/09 PHP
php中使用session防止用户非法登录后台的方法
2015/01/27 PHP
支持中文、字母、数字的PHP验证码
2015/05/04 PHP
原生javascript模仿win8等待提示圆圈进度条
2014/04/24 Javascript
JS跨域问题详解
2014/11/25 Javascript
Vue.js每天必学之组件与组件间的通信
2016/09/08 Javascript
vue实现动态数据绑定
2017/04/28 Javascript
jquery动态添加以及遍历option并获取特定样式名称的option方法
2018/01/29 jQuery
layui表格checkbox选择全选样式及功能的实例
2018/03/07 Javascript
vue引入axios同源跨域问题
2018/09/27 Javascript
小程序实现搜索界面 小程序实现推荐搜索列表效果
2019/05/18 Javascript
CKeditor富文本编辑器使用技巧之添加自定义插件的方法
2019/06/14 Javascript
javascript设计模式 ? 命令模式原理与用法实例分析
2020/04/20 Javascript
jQuery实现倒计时功能完整示例
2020/06/01 jQuery
pygame学习笔记(5):游戏精灵
2015/04/15 Python
详解Python编程中基本的数学计算使用
2016/02/04 Python
关于Python面向对象编程的知识点总结
2017/02/14 Python
Python列表list排列组合操作示例
2018/12/18 Python
python实现实时视频流播放代码实例
2020/01/11 Python
Python autoescape标签用法解析
2020/01/17 Python
Python描述数据结构学习之哈夫曼树篇
2020/09/07 Python
python获取本周、上周、本月、上月及本季的时间代码实例
2020/09/08 Python
python爬虫scrapy基于CrawlSpider类的全站数据爬取示例解析
2021/02/20 Python
详解CSS中iconfont的使用
2015/08/04 HTML / CSS
HTML5页面中尝试调起APP功能
2017/09/12 HTML / CSS
中学生获奖感言
2014/02/04 职场文书
企业演讲稿范文大全
2014/05/20 职场文书
2014院党委领导班子及其成员群众路线对照检查材料思想汇报
2014/10/04 职场文书
党员“四风”问题批评与自我批评思想汇报
2014/10/06 职场文书
公务员政审材料
2014/12/23 职场文书
2015入党自荐书范文
2015/03/05 职场文书
pytorch--之halfTensor的使用详解
2021/05/24 Python
阿里云日志过滤器配置日志服务
2022/04/09 Servers
Python安装及建立虚拟环境的完整步骤
2022/06/25 Servers
python playwright之元素定位示例详解
2022/07/23 Python