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 相关文章推荐
让iframe自适应高度(支持XHTML,支持FF)
Jul 24 Javascript
TinyMCE 新增本地图片上传功能
Nov 05 Javascript
JavaScript学习笔记(三):JavaScript也有入口Main函数
Sep 12 Javascript
JavaScript类型系统之基本数据类型与包装类型
Jan 06 Javascript
js严格模式总结(分享)
Aug 22 Javascript
JavaScript中${pageContext.request.contextPath}取值问题及解决方案
Dec 08 Javascript
jstree单选功能的实现方法
Jun 07 Javascript
JavaScript之Map和Set_动力节点Java学院整理
Jun 29 Javascript
浅谈vue 单文件探索
Sep 05 Javascript
vue2 v-model/v-text 中使用过滤器的方法示例
May 09 Javascript
JS 封装父页面子页面交互接口的实例代码
Jun 25 Javascript
浅谈在vue-cli3项目中解决动态引入图片img404的问题
Aug 04 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 数学运算验证码实现代码
2009/10/11 PHP
PHP5中GD库生成图形验证码(有汉字)
2013/07/28 PHP
PHP中new static() 和 new self() 的区别介绍
2015/01/09 PHP
php curl 模拟登录并获取数据实例详解
2016/12/22 PHP
js操作时间(年-月-日 时-分-秒 星期几)
2010/06/20 Javascript
nodejs的require模块(文件模块/核心模块)及路径介绍
2013/01/14 NodeJs
JS中把字符转成ASCII值的函数示例代码
2013/11/21 Javascript
页面加载完后自动执行一个方法的js代码
2014/09/06 Javascript
工作中比较实用的JavaScript验证和数据处理的干货(经典)
2016/08/03 Javascript
详解基于Bootstrap+angular的一个豆瓣电影app
2017/06/26 Javascript
javascript如何用递归写一个简单的树形结构示例
2017/09/06 Javascript
小程序视频列表中视频的播放与停止的示例代码
2018/07/20 Javascript
基于Vue 2.0 监听文本框内容变化及ref的使用说明介绍
2018/08/24 Javascript
js form表单input框限制20个字符,10个汉字代码实例
2019/04/12 Javascript
JavaScript实现简单日历效果
2020/09/11 Javascript
Python Web框架Flask下网站开发入门实例
2015/02/08 Python
python executemany的使用及注意事项
2017/03/13 Python
python3爬虫怎样构建请求header
2018/12/23 Python
python DataFrame 取差集实例
2019/01/30 Python
Python pandas自定义函数的使用方法示例
2019/11/20 Python
django 模型字段设置默认值代码
2020/07/15 Python
python代码实现图书管理系统
2020/11/30 Python
python dir函数快速掌握用法技巧
2020/12/09 Python
Flask中jinja2的继承实现方法及实例
2021/03/03 Python
Stubhub英国:购买体育、演唱会和剧院门票
2018/06/10 全球购物
电气工程师岗位职责
2014/01/01 职场文书
副检察长四风问题对照检查材料思想汇报
2014/10/07 职场文书
2014年工作总结及2015工作计划
2014/12/12 职场文书
个人先进事迹材料范文
2014/12/29 职场文书
基层组织建设年活动总结
2015/05/09 职场文书
宿舍管理制度范本
2015/08/07 职场文书
新农村建设指导员工作总结
2015/08/13 职场文书
初二数学教学反思
2016/02/17 职场文书
2016年基层党组织创先争优承诺书
2016/03/25 职场文书
postgresql之greenplum字符串去重拼接方式
2023/05/08 PostgreSQL