浅析Js中的单引号与双引号问题


Posted in Javascript onNovember 06, 2013

单引号和双引号其实没啥区别,看你自己习惯了

<input type="button" onclick="alert("1")">-------------------不正确
<input type="button" onclick="alert('1')">-------------------正确

双引号中再用双引号要这样:
var str = "abc\"def\"ghi"
用反斜杠来禁止解析双引号。

下面是我摘录的,希望对你有用:

在一个网页中的按钮,写onclick事件的处理代码,不小心写成如下:
<input value="Test" type="button" onclick="alert(""OK"");" />

IE提示出错后,再漫不经心地改为:
<input value="Test" type="button" onclick="alert(\"OK\");" />

结果还是出错。
这时,我就想不通了,虽然我知道最直接的解决方法是写成这样:
<input value="" type="button" onclick="alert('OK');" />
但为什么javascript中的转义字符\没有效果了呢?

后来找到一段正常的代码:
<input value="Test" type="button" onclick="alert("OK");" />
这时才理解,原来这时,还是归于HTML的管辖范围,所以转义字符应该使用HTML的,而不是javascript的。两个双引号的做法是vbScript的,\"这种做法则是javascript的,而HTML的,则是用",此外还可以使用:"、'。

下面列出各种表达方法:

<html>
<body>
<input value="外双引号内双引号-错误" type="button" onclick="alert("OK");" /><br />
<input value="外单引号内单引号-错误" type="button" onclick='alert('OK');' /><br />
<input value="两个双引号-错误" type="button" onclick="alert(""OK"");" /><br />
<input value="两个单引号-错误" type="button" onclick="alert(''OK'');" /><br />
<input value="\+双引号-错误" type="button" onclick="alert(\"OK\");" /><br />
<input value="\+单引号-错误" type="button" onclick="alert(\'OK\');" /><br />
<input value="外双引号内单引号-OK" type="button" onclick="alert('OK');" /><br />
<input value="外单引号内双引号-OK" type="button" onclick='alert("OK");' /><br />
<input value="外部不使用引号-OK" type="button" onclick=alert('OK');alert("OK"); /><br />
<input value="HTML转义字符"(& # 3 4 ;)-OK" type="button" onclick="alert("OK");" /><br />
<input value="HTML转义字符'(& # 3 9 ;)-OK" type="button" onclick="alert('OK');" /><br />
<input value="HTML转义字符"(& # x 2 2 ;)-OK" type="button" onclick="alert('OK');" /><br />
<input value="HTML转义字符'(& # x 2 7 ;)-OK" type="button" onclick="alert('OK');" /><br />
<input value="HTML转义字符"(& q u o t ;)-OK" type="button" onclick="alert("OK");" /><br />
<input value="HTML转义字符'(& a p o s ;)-IE错误" type="button" onclick="alert('OK');" /><br />
<input value="其它\\-错误" type="button" onclick="alert(\\"OK\\");" /><br />
<input value="其它\& # 3 4 ;-错误" type="button" onclick="alert(\"OK\");" /><br />
</body>
</html>
Javascript 相关文章推荐
ko knockoutjs动态属性绑定技巧应用
Nov 14 Javascript
JS动态增加删除UL节点LI及相关内容示例
May 21 Javascript
js实现简单锁屏功能实例
May 27 Javascript
js简单设置与使用cookie的方法
Jan 22 Javascript
JavaScript的设计模式经典之代理模式
Feb 24 Javascript
Bootstrap Table使用心得总结
Nov 29 Javascript
JS实现一次性弹窗的方法【刷新后不弹出】
Dec 26 Javascript
基于vue.js 2.x的虚拟滚动条的示例代码
Jan 23 Javascript
webpack打包node.js后端项目的方法
Mar 10 Javascript
vue.js指令v-for使用以及下标索引的获取
Jan 31 Javascript
jQuery选择器之基本过滤选择器用法实例分析
Feb 19 jQuery
使用Layui搭建后台管理界面的操作方法
Sep 20 Javascript
表单元素与非表单元素刷新区别详细解析
Nov 06 #Javascript
js onclick事件传参讲解
Nov 06 #Javascript
jquery validation验证身份证号,护照,电话号码,email(实例代码)
Nov 06 #Javascript
css样式标签和js语法属性区别
Nov 06 #Javascript
jquery 设置元素相对于另一个元素的top值(实例代码)
Nov 06 #Javascript
jQuery中$.fn的用法示例介绍
Nov 05 #Javascript
可选择和输入的下拉列表框示例
Nov 05 #Javascript
You might like
ajax完美实现两个网页 分页功能的实例代码
2013/04/16 PHP
php判断是否为json格式的方法
2014/03/04 PHP
PHP实现生成带背景的图形验证码功能
2016/10/03 PHP
封装的原生javascript弹出层代码
2010/09/24 Javascript
Prototype源码浅析 String部分(三)之HTML字符串处理
2012/01/15 Javascript
兼容IE和FF的图片上传前预览js代码
2013/05/28 Javascript
JS按字节截取字符长度实例
2013/11/20 Javascript
jQuery过滤HTML标签并高亮显示关键字的方法
2015/08/07 Javascript
简单讲解AngularJS的Routing路由的定义与使用
2016/03/05 Javascript
Angular懒加载机制刷新后无法回退的快速解决方法
2016/08/30 Javascript
Node.js中如何合并两个复杂对象详解
2016/12/31 Javascript
原生JS仿QQ阅读点击展开、收起效果
2017/03/08 Javascript
详解jQuery中关于Ajax的几个常用的函数
2017/07/17 jQuery
node+express+ejs使用模版引擎做的一个示例demo
2017/09/18 Javascript
vue.js删除列表中的一行
2018/06/30 Javascript
10分钟彻底搞懂Http的强制缓存和协商缓存(小结)
2018/08/30 Javascript
从零开始搭建vue移动端项目到上线的步骤
2018/10/15 Javascript
Vue项目利用axios请求接口下载excel
2020/11/17 Vue.js
[34:27]DOTA2上海特级锦标赛B组败者赛 VG VS Spirit第一局
2016/02/26 DOTA
[43:36]Liquid vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python字符遍历的艺术
2008/09/06 Python
python中requests使用代理proxies方法介绍
2017/10/25 Python
浅析python协程相关概念
2018/01/20 Python
python网络爬虫 CrawlSpider使用详解
2019/09/27 Python
CSS3转换功能transform主要属性值分析及实现分享
2012/05/06 HTML / CSS
街头时尚在线:JESSICABUURMAN
2019/06/16 全球购物
Crabtree & Evelyn欧盟:豪华洗浴、身体和护发
2021/03/09 全球购物
会计电算化专业毕业生求职信范文
2013/12/10 职场文书
结婚典礼证婚词
2014/01/08 职场文书
《动手做做看》教学反思
2014/04/09 职场文书
敬老院院长事迹材料
2014/05/21 职场文书
党的群众路线教育实践活动对照检查材料思想汇报(党员篇)
2014/09/25 职场文书
单方离婚协议书范本(2014版)
2014/09/30 职场文书
公安干警正风肃纪心得体会
2016/01/15 职场文书
股东协议书范本2016
2016/03/21 职场文书
商业计划书如何写?关键问题有哪些?
2019/07/11 职场文书