javascript单引号和双引号的区别和处理


Posted in Javascript onMay 14, 2014

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

<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 相关文章推荐
js 模拟实现类似c#下的hashtable的简单功能代码
Jan 24 Javascript
JQuery中html()方法使用不当带来的陷阱
Apr 07 Javascript
TimergliderJS 一个基于jQuery的时间轴插件
Dec 07 Javascript
js 获取页面高度和宽度兼容 ie firefox chrome等
May 14 Javascript
node.js中的events.emitter.once方法使用说明
Dec 10 Javascript
bootstrap制作jsp页面(根据值让table显示选中)
Jan 05 Javascript
es7学习教程之fetch解决异步嵌套问题的方法示例
Jul 21 Javascript
基于jQuery选择器之表单对象属性筛选选择器的实例
Sep 19 jQuery
vue基于mint-ui实现城市选择三级联动
Jun 30 Javascript
使用jquery-easyui的布局layout写后台管理页面的代码详解
Jun 19 jQuery
javascript中的offsetWidth、clientWidth、innerWidth及相关属性方法
May 14 Javascript
vue结合el-upload实现腾讯云视频上传功能
Jul 01 Javascript
document.write的几点使用心得
May 14 #Javascript
解决html按钮切换绑定不同函数后点击时执行多次函数问题
May 14 #Javascript
用jQuery toggleClass 实现鼠标移上变色
May 14 #Javascript
jquery ztree实现下拉树形框使用到了json数据
May 14 #Javascript
JQuery性能优化的几点建议
May 14 #Javascript
js 通过html()及text()方法获取并设置p标签的显示值
May 14 #Javascript
JQuery教学之性能优化
May 14 #Javascript
You might like
php的数组与字符串的转换函数整理汇总
2013/07/18 PHP
PHP基于CURL进行POST数据上传实例
2014/11/10 PHP
one.php 多项目、函数库、类库 统一为一个版本的方法
2020/08/24 PHP
jquery 新手学习常见问题解决方法
2010/04/18 Javascript
JQuery 文本框使用小结
2010/05/22 Javascript
javascript 中String.match()与RegExp.exec()的区别说明
2013/01/10 Javascript
Extjs中的GridPanel隐藏列会显示在menuDisabled中解决方法
2013/01/27 Javascript
jquery实现弹出层完美居中效果
2014/03/03 Javascript
JS通过分析userAgent属性来判断浏览器的类型及版本
2014/03/28 Javascript
实例分析javascript中的call()和apply()方法
2014/11/28 Javascript
JavaScript 2048 游戏实例代码(简单易懂)
2016/03/25 Javascript
原生js实现放大镜特效
2017/03/08 Javascript
Angular 4.x+Ionic3踩坑之Ionic3.x pop反向传值详解
2018/03/13 Javascript
详解webpack import()动态加载模块踩坑
2018/07/17 Javascript
[03:55]TI9战队采访——TNC Predator
2019/08/22 DOTA
[02:04]完美世界城市挑战赛秋季赛报名开始 谁是solo路人王?
2019/10/10 DOTA
Python中字典和JSON互转操作实例
2015/01/19 Python
Python合并多个Excel数据的方法
2018/07/16 Python
Python实现常见的回文字符串算法
2018/11/14 Python
centos6.5安装python3.7.1之后无法使用pip的解决方案
2019/02/14 Python
python编写简单端口扫描器
2019/09/04 Python
Python统计时间内的并发数代码实例
2019/12/28 Python
python实现在线翻译
2020/06/18 Python
html5中svg canvas和图片之间相互转化思路代码
2014/01/24 HTML / CSS
Does C# support multiple inheritance? (C#支持多重继承吗)
2012/01/04 面试题
Prototype如何实现页面局部定时刷新
2013/08/06 面试题
土木工程建筑专业毕业生求职信
2013/10/21 职场文书
学习十八大坚定理想信念心得体会
2014/03/11 职场文书
小学校园之星事迹材料
2014/05/16 职场文书
阅兵口号
2014/06/19 职场文书
反腐倡廉剖析材料
2014/09/30 职场文书
余世维讲座观后感
2015/06/11 职场文书
社团招新宣传语
2015/07/13 职场文书
Python如何使用logging为Flask增加logid
2021/03/30 Python
JavaScript 去重和重复次数统计
2021/03/31 Javascript
MySql按时,天,周,月进行数据统计
2022/08/14 MySQL