浅析Js中的单引号与双引号问题


Posted in Javascript onNovember 06, 2013

单引号和双引号其实没啥区别,看你自己习惯了

<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 相关文章推荐
Jquery中删除元素的实现代码
Dec 29 Javascript
纯js模拟div层弹性运动的方法
Jul 27 Javascript
jquery控制显示服务器生成的图片流
Aug 04 Javascript
自己动手写的javascript前端等待控件
Oct 30 Javascript
基于JavaScript实现动态添加删除表格的行
Feb 01 Javascript
jquery获取复选框checkbox的值实现方法
May 30 Javascript
浅谈键盘上回车按钮的js触发事件
Feb 13 Javascript
浅谈jquery拼接字符串效率比较高的方法
Feb 22 Javascript
JS文件/图片从电脑里面拖拽到浏览器上传文件/图片
Mar 08 Javascript
js轮播图无缝滚动效果
Jun 17 Javascript
微信小程序商品详情页的底部弹出框效果
Nov 16 Javascript
vue实现的双向数据绑定操作示例
Dec 04 Javascript
表单元素与非表单元素刷新区别详细解析
Nov 06 #Javascript
js onclick事件传参讲解
Nov 06 #Javascript
jquery validation验证身份证号,护照,电话号码,email(实例代码)
Nov 06 #Javascript
css样式标签和js语法属性区别
Nov 06 #Javascript
jquery 设置元素相对于另一个元素的top值(实例代码)
Nov 06 #Javascript
jQuery中$.fn的用法示例介绍
Nov 05 #Javascript
可选择和输入的下拉列表框示例
Nov 05 #Javascript
You might like
PHP5中使用PDO连接数据库的方法
2010/08/01 PHP
求PHP数组最大值,最小值的代码
2011/10/31 PHP
php使用ffmpeg向视频中添加文字字幕的实现方法
2016/05/23 PHP
yii2.0整合阿里云oss上传单个文件的示例
2017/09/19 PHP
网页里控制图片大小的相关代码
2006/06/25 Javascript
判断页面是关闭还是刷新的js代码
2007/01/28 Javascript
jqGrid jQuery 表格插件测试代码
2011/08/23 Javascript
关于scrollLeft,scrollTop的浏览器兼容性测试
2013/03/19 Javascript
jquery提取元素里的纯文本不包含span等里的内容
2013/09/30 Javascript
JS、CSS加载中的小问题探讨
2013/11/26 Javascript
jquery实现类似淘宝星星评分功能实例
2014/09/12 Javascript
JavaScript类型系统之正则表达式
2016/01/05 Javascript
javascript判断firebug是否开启的方法
2016/11/23 Javascript
详解AngularJS验证、过滤器、指令
2017/01/04 Javascript
jQuery对table表格进行增删改查
2020/12/22 Javascript
不使用 JS 匿名函数理由
2017/11/17 Javascript
基于js文件加载优化(详解)
2018/01/03 Javascript
AngularJS中重新加载当前路由页面的方法
2018/03/09 Javascript
React+TypeScript+webpack4多入口配置详解
2019/08/08 Javascript
解决 window.onload 被覆盖的问题方法
2020/01/14 Javascript
Vue项目配置跨域访问和代理proxy设置方式
2020/09/08 Javascript
python 参数列表中的self 显式不等于冗余
2008/12/01 Python
Python导入txt数据到mysql的方法
2015/04/08 Python
快速入手Python字符编码
2016/08/03 Python
详解python3中socket套接字的编码问题解决
2017/07/01 Python
Python2.7编程中SQLite3基本操作方法示例
2017/08/09 Python
python实现随机梯度下降(SGD)
2020/03/24 Python
用python实现百度翻译的示例代码
2018/03/09 Python
利用PyCharm Profile分析异步爬虫效率详解
2019/05/08 Python
关于Python turtle库使用时坐标的确定方法
2020/03/19 Python
python爬虫 requests-html的使用
2020/11/30 Python
档案管理员岗位职责
2013/12/01 职场文书
小学课外活动总结
2014/07/09 职场文书
如何用JS实现简单的数据监听
2021/05/06 Javascript
关于mysql中时间日期类型和字符串类型的选择
2021/11/27 MySQL
JavaScript中的LHS和RHS分析详情
2022/04/06 Javascript