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 相关文章推荐
两个select之间option的互相添加操作(jquery实现)
Nov 12 Javascript
TimergliderJS 一个基于jQuery的时间轴插件
Dec 07 Javascript
JavaScript图片放大技术(放大镜)实现代码分享
Nov 14 Javascript
使用 TypeScript 重新编写的 JavaScript 坦克大战游戏代码
Apr 07 Javascript
JS中如何比较两个Json对象是否相等实例代码
Jul 13 Javascript
jQuery内存泄露解决办法
Dec 13 Javascript
JS实现最简单的冒泡排序算法
Feb 15 Javascript
原生javascript实现连连看游戏
Jan 03 Javascript
微信小程序登录数据解密及状态维持实例详解
May 06 Javascript
js数据类型转换与流程控制操作实例分析
Dec 18 Javascript
利用React高阶组件实现一个面包屑导航的示例
Aug 23 Javascript
js实现搜索提示框效果
Sep 05 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
MySql数据库查询结果用表格输出PHP代码示例
2015/03/20 PHP
ThinkPHP自定义Redis处理SESSION的实现方法
2016/05/16 PHP
去除链接虚线全面分析总结
2006/08/15 Javascript
jQuery 源码分析笔记(7) Queue
2011/06/19 Javascript
JavaScript实现图片DIV竖向滑动的方法
2015/04/25 Javascript
原生JS封装Ajax插件(同域、jsonp跨域)
2016/05/03 Javascript
必备的JS调试技巧汇总
2016/07/20 Javascript
HTML5 JS压缩图片并获取图片BASE64编码上传
2020/11/16 Javascript
jQuery实现拖动效果的实例代码
2017/06/25 jQuery
jQuery图片查看插件Magnify开发详解
2017/12/25 jQuery
解决Nodejs全局安装模块后找不到命令的问题
2018/05/15 NodeJs
JS数组求和的常用方法实例小结
2019/01/07 Javascript
详解微信小程序图片地扯转base64解决方案
2019/08/18 Javascript
[06:21]2014DOTA2国际邀请赛 庆祝VG首阶段领跑;B叔为挣牛排半夜整理情报
2014/07/13 DOTA
PHP webshell检查工具 python实现代码
2009/09/15 Python
Python如何生成树形图案
2018/01/03 Python
Pytorch卷积层手动初始化权值的实例
2019/08/17 Python
python中取绝对值简单方法总结
2020/07/24 Python
详解Pandas 处理缺失值指令大全
2020/07/30 Python
Python实现PS滤镜中的USM锐化效果
2020/12/04 Python
施华洛世奇意大利官网:SWAROVSKI意大利
2018/07/23 全球购物
android面试问题与答案
2016/12/27 面试题
教育系毕业生中文求职信范文
2013/10/06 职场文书
安全检查验收制度
2014/01/12 职场文书
春节活动策划方案
2014/01/24 职场文书
关于祖国的演讲稿
2014/05/04 职场文书
社区党员志愿服务活动方案
2014/08/18 职场文书
2014年教师党员自我评价范文
2014/09/22 职场文书
六查六看自查报告
2014/10/14 职场文书
驳回起诉民事裁定书
2015/05/19 职场文书
小学班主任工作经验交流材料
2015/11/02 职场文书
25句企业管理语录:助你迅速打开思路,句句经典!
2020/01/14 职场文书
react 项目中引入图片的几种方式
2021/06/02 Javascript
Python制作动态字符画的源码
2021/08/04 Python
Apache Hudi的多版本清理服务彻底讲解
2022/03/31 Servers
Win10开机修复磁盘错误怎么跳过?Win10关闭开机磁盘检查的方法
2022/09/23 数码科技