浅析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 相关文章推荐
jquery Firefox3.5中操作select的问题
Jul 10 Javascript
面向对象的编程思想在javascript中的运用上部
Nov 20 Javascript
JqueryMobile动态生成listView并实现刷新的两种方法
Mar 05 Javascript
Bootstrap 折叠(Collapse)插件用法实例详解
Jun 01 Javascript
AngularJS基础 ng-keypress 指令简单示例
Aug 02 Javascript
Vue仿今日头条实例详解
Feb 06 Javascript
微信小程序云开发之云函数详解
May 16 Javascript
vue中axios的二次封装实例讲解
Oct 14 Javascript
JS代码触发事件代码实例
Jan 02 Javascript
JavaScript实现手机号码 3-4-4格式并控制新增和删除时光标的位置
Jun 02 Javascript
JavaScript实现多层颜色选项卡嵌套
Sep 21 Javascript
react使用antd的上传组件实现文件表单一起提交功能(完整代码)
Jun 29 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
解析yahoo邮件用phpmailer发送的实例
2013/06/24 PHP
PHP模板引擎smarty详细介绍
2015/05/26 PHP
PHP7创建COOKIE和销毁COOKIE的实例方法
2020/02/03 PHP
如何利用PHP实现上传图片功能详解
2020/09/24 PHP
教你如何解密js/vbs/vbscript加密的编码异处理小结
2008/06/25 Javascript
jquery imgareaselect 使用利用js与程序结合实现图片剪切
2009/07/30 Javascript
js removeChild 障眼法 可能出现的错误
2009/10/06 Javascript
Javascript 实用小技巧
2010/04/07 Javascript
收集的一些Array及String原型对象的扩展实现代码
2010/12/05 Javascript
jQuery焦点图插件SaySlide
2015/12/21 Javascript
JS中常用的输出方式(五种)
2016/06/12 Javascript
JS触发服务器控件的单击事件(详解)
2016/08/06 Javascript
Javascript继承机制详解
2017/05/30 Javascript
从零开始搭建一个react项目开发
2018/02/09 Javascript
微信小程序中使用echarts的实现方法
2019/04/24 Javascript
浅谈vue 组件中的setInterval方法和window的不同
2020/07/30 Javascript
基于vue的video播放器的实现示例
2021/02/19 Vue.js
[03:41]DOTA2上海特锦赛小组赛第三日recap精彩回顾
2016/02/28 DOTA
python字符串替换示例
2014/04/24 Python
python实现在sqlite动态创建表的方法
2015/05/08 Python
Python如何为图片添加水印
2016/11/25 Python
Python机器学习logistic回归代码解析
2018/01/17 Python
tensorflow TFRecords文件的生成和读取的方法
2018/02/06 Python
基于OpenCV python3实现证件照换背景的方法
2019/03/22 Python
python 数据提取及拆分的实现代码
2019/08/26 Python
python+requests接口自动化框架的实现
2020/08/31 Python
python中pivot()函数基础知识点
2021/01/03 Python
全球知名提供各类营养保健品的零售商:Vitamin Shoppe
2016/10/09 全球购物
香港万宁官方海外旗舰店:香港健与美连锁店
2018/09/27 全球购物
SCDKey德国:全球领先的数字游戏市场
2019/04/09 全球购物
美体小铺波兰官方网站:The Body Shop波兰
2019/09/03 全球购物
100%羊绒:NakedCashmere
2020/08/26 全球购物
六查六看剖析材料
2014/02/15 职场文书
国家奖学金获奖感言
2014/08/16 职场文书
pytorch 实现变分自动编码器的操作
2021/05/24 Python
详解Redis基本命令与使用场景
2021/06/01 Redis