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 相关文章推荐
dojo随手记 gird组件引用
Feb 24 Javascript
基于JQuery的模拟苹果桌面Dock效果(稳定版)
Oct 15 Javascript
jquery实现的鼠标下拉滚动置顶效果
Jul 24 Javascript
JS运动相关知识点小结(附弹性运动示例)
Jan 08 Javascript
JavaScript中输出信息的方法(信息确认框-提示输入框-文档流输出)
Jun 12 Javascript
深入浅析jQuery对象$.html
Aug 22 Javascript
javascript使用 concat 方法对数组进行合并的方法
Sep 08 Javascript
JS中闭包的经典用法小结(2则示例)
Dec 28 Javascript
jQuery使用each遍历循环的方法
Sep 19 jQuery
在element-ui的select下拉框加上滚动加载
Apr 18 Javascript
Element Backtop回到顶部的具体使用
Jul 27 Javascript
Vue中强制组件重新渲染的正确方法
Jan 03 Vue.js
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实现单笔转账到支付宝功能
2018/10/09 PHP
php+Ajax处理xml与json格式数据的方法示例
2019/03/04 PHP
php面向对象重点知识分享
2019/09/27 PHP
PHP并发场景的三种解决方案代码实例
2021/02/27 PHP
JS 修改URL参数(实现代码)
2013/07/08 Javascript
基于jquery实现select选择框内容左右移动添加删除代码分享
2015/08/25 Javascript
JS实现点击复选框变更DIV显示状态的示例代码
2017/12/18 Javascript
详解JavaScript函数callee、call、apply的区别
2019/03/08 Javascript
微信小程序button标签open-type属性原理解析
2020/01/21 Javascript
Javascript如何实现双指控制图片功能
2020/02/25 Javascript
js实现金山打字通小游戏
2020/07/24 Javascript
python控制台显示时钟的示例
2014/02/24 Python
Python中列表(list)操作方法汇总
2014/08/18 Python
Python中为feedparser设置超时时间避免堵塞
2014/09/28 Python
17个Python小技巧分享
2015/01/23 Python
用Python的SimPy库简化复杂的编程模型的介绍
2015/04/13 Python
Python增量循环删除MySQL表数据的方法
2016/09/23 Python
python实现合并多个list及合并多个django QuerySet的方法示例
2019/06/11 Python
python,Django实现的淘宝客登录功能示例
2019/06/12 Python
python聚类算法解决方案(rest接口/mpp数据库/json数据/下载图片及数据)
2019/08/28 Python
python安装virtualenv虚拟环境步骤图文详解
2019/09/18 Python
Python把图片转化为pdf代码实例
2020/07/28 Python
Python爬取股票信息,并可视化数据的示例
2020/09/26 Python
python实现学生信息管理系统源码
2021/02/22 Python
乐高积木玩具美国官网:LEGO Shop US
2016/09/16 全球购物
豆腐の盛田屋官网:日本自然派的豆乳面膜、肥皂、化妆水、乳液等
2016/10/08 全球购物
德国W家官网,可直邮中国的母婴商城:Windeln.de
2021/03/03 全球购物
人力资源管理专业毕业生自我评价
2013/09/21 职场文书
实习鉴定评语
2014/01/19 职场文书
中学生操行评语大全
2014/04/24 职场文书
党的群众路线教育实践活动总结报告
2014/04/28 职场文书
中秋节活动总结
2014/08/29 职场文书
2014年党员加强作风建设思想汇报
2014/09/15 职场文书
推广普通话共筑中国梦演讲稿
2014/09/21 职场文书
导游词之广州陈家祠
2019/10/21 职场文书
apache基于端口创建虚拟主机的示例
2021/04/24 Servers