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 相关文章推荐
小议Function.apply()之二------利用Apply的参数数组化来提高 JavaScript程序性能
Nov 30 Javascript
JQuery中关于jquery.js与jquery.min.js的比较探讨
May 15 Javascript
JS插件overlib用法实例详解
Dec 26 Javascript
JS控制HTML元素的显示和隐藏的两种方法
Sep 27 Javascript
ES6中Math对象新增的方法实例详解
Apr 25 Javascript
浅谈ajax在jquery中的请求和servlet中的响应
Jan 22 jQuery
浅谈FastClick 填坑及源码解析
Mar 02 Javascript
vue3.0 CLI - 2.5 - 了解组件的三维
Sep 14 Javascript
基于 jQuery 实现键盘事件监听控件
Apr 04 jQuery
微信小程序-form表单提交代码实例
Apr 29 Javascript
axios封装,使用拦截器统一处理接口,超详细的教程(推荐)
May 02 Javascript
uniapp 仿微信的右边下拉选择弹出框的实现代码
Jul 12 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
如何批量替换相对地址为绝对地址(利用bat批处理实现)
2013/05/27 PHP
php中数字0和空值的区别分析
2014/06/05 PHP
Thinkphp5结合layer弹窗定制操作结果页面
2017/07/07 PHP
PHP十六进制颜色随机生成器功能示例
2017/07/24 PHP
PHP调用接口用post方法传送json数据的实例
2018/05/31 PHP
Javascript 强制类型转换函数
2009/05/17 Javascript
基于jquery的复制网页内容到WORD的实现代码
2011/02/16 Javascript
基于JQuery实现鼠标点击文本框显示隐藏提示文本
2012/02/23 Javascript
实现局部遮罩与关闭原理及代码
2013/02/04 Javascript
jQuery删除节点的三个方法即remove()detach()和empty()
2013/12/27 Javascript
js子页面获取父页面数据示例
2014/05/15 Javascript
js实时获取并显示当前时间的方法
2015/07/31 Javascript
AngularJs学习第八篇 过滤器filter创建
2016/06/08 Javascript
Jquery Easyui表单组件Form使用详解(30)
2016/12/19 Javascript
动态加载css方法实现和深入解析
2017/01/18 Javascript
Vue表单demo v-model双向绑定问题
2018/06/29 Javascript
jQuery实现的中英文切换功能示例
2019/01/11 jQuery
Vue登录主页动态背景短视频制作
2019/09/21 Javascript
Python中tell()方法的使用详解
2015/05/24 Python
python常见的格式化输出小结
2016/12/15 Python
flask session组件的使用示例
2018/12/25 Python
eclipse创建python项目步骤详解
2019/05/10 Python
浅谈pytorch torch.backends.cudnn设置作用
2020/02/20 Python
python实现无边框进度条的实例代码
2020/12/30 Python
CSS3实现各种图形的示例代码
2016/10/19 HTML / CSS
3种方式实现瀑布流布局小结
2019/09/05 HTML / CSS
英国和世界各地预订便宜的酒店:LateRooms.com
2019/05/05 全球购物
什么是serialVersionUID
2016/03/04 面试题
介绍java中初始化块的使用
2012/09/11 面试题
《珍珠泉》教学反思
2014/02/20 职场文书
2014年学习厉行节约反对浪费思想汇报
2014/09/10 职场文书
汽车机电维修工求职信
2014/09/30 职场文书
民政局未婚证明
2015/06/15 职场文书
python中的plt.cm.Paired用法说明
2021/05/31 Python
Python Django ORM连表正反操作技巧
2021/06/13 Python
Android开发 使用文件储存的方式保存QQ密码
2022/04/24 Java/Android