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处理VBArray的函数使用说明
May 11 Javascript
学习面向对象之面向对象的术语
Nov 30 Javascript
一个简单的js树形菜单
Dec 09 Javascript
jquery zTree异步加载简单实例分享
Feb 05 Javascript
javascript比较两个日期相差天数的方法
Jul 24 Javascript
高性能JavaScript循环语句和条件语句
Jan 20 Javascript
JS简单实现DIV相对于浏览器固定位置不变的方法
Jun 17 Javascript
js创建数组的简单方法
Jul 27 Javascript
js轮播图无缝滚动效果
Jun 17 Javascript
vue动态绑定组件子父组件多表单验证功能的实现代码
May 14 Javascript
Vuerouter的beforeEach与afterEach钩子函数的区别
Dec 26 Javascript
详解如何探测小程序返回到webview页面
May 14 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
dedecms系统的广告设置代码 基础版本
2010/04/09 PHP
ThinkPHP应用模式扩展详解
2014/07/16 PHP
php实现网页端验证码功能
2017/07/11 PHP
slice函数的用法 之不错的应用
2006/12/29 Javascript
用jquery模仿的a的title属性(兼容ie6/7)
2013/01/21 Javascript
把input初始值不写value的具体实现方法
2013/07/04 Javascript
jQuery中对未来的元素绑定事件用bind、live or on
2014/04/17 Javascript
JavaScript中的关联数组问题
2015/03/04 Javascript
使用纯javascript实现经典扫雷游戏
2015/04/23 Javascript
全面解析Bootstrap表单使用方法(表单控件状态)
2015/11/24 Javascript
JavaScript中定义类的方式详解
2016/01/07 Javascript
AngularJS实现根据变量改变动态加载模板的方法
2016/11/04 Javascript
简单实现jQuery级联菜单
2017/01/09 Javascript
JavaScript箭头函数_动力节点Java学院整理
2017/06/28 Javascript
小程序实现五星点评效果
2018/11/03 Javascript
基于Python的文件类型和字符串详解
2017/12/21 Python
Python3中的列表生成式、生成器与迭代器实例详解
2018/06/11 Python
python爬取哈尔滨天气信息
2018/07/14 Python
python批量赋值操作实例
2018/10/22 Python
django 数据库连接模块解析及简单长连接改造方法
2019/08/29 Python
Python list与NumPy array 区分详解
2019/11/06 Python
django框架基于queryset和双下划线的跨表查询操作详解
2019/12/11 Python
美国亚马逊旗下男装网站:East Dane(支持中文)
2019/09/25 全球购物
正隆泰信息技术有限公司上机题
2012/06/14 面试题
实习销售业务员自我鉴定
2013/09/21 职场文书
实习生自荐信范文分享
2013/11/27 职场文书
财政局长自荐信范文
2013/12/22 职场文书
办公室前台岗位职责
2014/01/04 职场文书
小学科学教学反思
2014/01/26 职场文书
优秀社区干部事迹材料
2014/02/03 职场文书
环保倡议书100字
2014/05/15 职场文书
给校长的建议书500字
2014/05/15 职场文书
授权委托书格式
2014/07/31 职场文书
纪律教育学习月活动总结
2014/08/27 职场文书
2015年消费者权益日活动总结
2015/02/09 职场文书
2016年员工政治思想表现评语
2015/12/02 职场文书