浅析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 相关文章推荐
拖动一个HTML元素
Dec 22 Javascript
Javascript 的addEventListener()及attachEvent()区别分析
May 21 Javascript
JQuery 弹出框定位实现方法
Dec 02 Javascript
AngularJS Module方法详解
Dec 08 Javascript
jQuery+css实现的换页标签栏效果
Jan 27 Javascript
浅谈JavaScript中小数和大整数的精度丢失
May 31 Javascript
jQuery的 $.ajax防止重复提交的两种方法(推荐)
Oct 14 Javascript
Bootstrap和Java分页实例第一篇
Dec 23 Javascript
Angular2+如何去除url中的#号详解
Dec 20 Javascript
JS点击动态添加标签、删除指定标签的代码
Apr 18 Javascript
详解vue中点击空白处隐藏div的实现(用指令实现)
Apr 19 Javascript
微信小程序实现滑动翻页效果(完整代码)
Dec 06 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
php设置session值和cookies的学习示例
2014/03/21 PHP
golang与php实现计算两个经纬度之间距离的方法
2016/07/22 PHP
php识别翻转iphone拍摄的颠倒图片
2018/05/17 PHP
初学prototype,发个JS接受URL参数的代码
2006/09/25 Javascript
js中indexof的用法详细解析
2013/12/24 Javascript
javascript动态判断html元素并执行不同的操作
2014/06/16 Javascript
javascript获得当前的信息的一些常用命令
2015/02/25 Javascript
探讨JavaScript语句的执行过程
2016/01/28 Javascript
JS模拟实现方法重载示例
2016/08/03 Javascript
AngularJS 过滤器(自带和自建)详解
2016/09/19 Javascript
JS实现物体带缓冲的间歇运动效果示例
2016/12/22 Javascript
svg动画之动态描边效果
2017/02/22 Javascript
使用openSpeDiv方法实现Ecshop登录弹窗框效果
2017/03/13 Javascript
Angular2 组件通信的实例代码
2017/06/23 Javascript
Vue2.0如何发布项目实战
2017/07/27 Javascript
jquery动态添加以及遍历option并获取特定样式名称的option方法
2018/01/29 jQuery
React学习笔记之高阶组件应用
2018/06/02 Javascript
详解vue中的父子传值双向绑定及数据更新问题
2019/06/13 Javascript
JS控制只能输入数字并且最多允许小数点两位
2019/11/24 Javascript
bootstrap实现嵌套模态框的实例代码
2020/01/10 Javascript
[01:04:01]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS DT第一场
2014/05/24 DOTA
Python操作Excel之xlsx文件
2017/03/24 Python
Tensorflow中使用tfrecord方式读取数据的方法
2018/06/19 Python
在Python dataframe中出生日期转化为年龄的实现方法
2018/10/20 Python
在pycharm中使用git版本管理以及同步github的方法
2019/01/16 Python
Python 实现输入任意多个数,并计算其平均值的例子
2019/07/16 Python
Django学习之文件上传与下载
2019/10/06 Python
centos7中安装python3.6.4的教程
2019/12/11 Python
Python如何使用正则表达式爬取京东商品信息
2020/06/01 Python
浅谈Python中的模块
2020/06/10 Python
HTML5中Canvas与SVG的画图原理比较
2013/01/16 HTML / CSS
迪拜领先运动补剂零售品牌中文站:Sporter商城
2019/08/20 全球购物
事业单位人员的自我评价范文
2014/09/21 职场文书
工作简历自我评价
2015/03/11 职场文书
信访维稳承诺书
2015/05/04 职场文书
导游词之上海杜莎夫人蜡像馆
2019/11/22 职场文书