浅析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 相关文章推荐
纯js写的分页表格数据为json串
Feb 18 Javascript
jQuery.extend()、jQuery.fn.extend()扩展方法示例详解
May 08 Javascript
JavaScript表单焦点自动切换代码
Jul 24 Javascript
AngularJs 指令详解及示例代码
Sep 01 Javascript
ES6中Math对象新增的方法实例详解
Apr 25 Javascript
vue2.0 常用的 UI 库实例讲解
Dec 12 Javascript
深入浅出理解JavaScript高级定时器原理与用法
Aug 02 Javascript
利用Angular2的Observables实现交互控制的方法
Dec 27 Javascript
微信小程序+腾讯地图开发实现路径规划绘制
May 22 Javascript
微信小程序scroll-view锚点链接滚动跳转功能
Dec 12 Javascript
vue项目中使用particles实现粒子背景效果及遇到的坑(按钮没有点击响应)
Feb 11 Javascript
JavaScript console的使用方法实例分析
Apr 28 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
php中处理mysql_fetch_assoc返回来的数组 不用foreach----echo
2011/05/04 PHP
PHP中如何调用webservice的实例参考
2013/04/25 PHP
php中strstr、strrchr、substr、stristr四个函数的区别总结
2014/09/22 PHP
PHP 获取 ping 时间的实现方法
2017/09/29 PHP
laravel 如何实现引入自己的函数或类库
2019/10/15 PHP
Code: write(s,d) 输出连续字符串
2007/08/19 Javascript
IE与firefox下Dhtml的一些区别小结
2009/12/02 Javascript
Javascript insertAfter() 实现函数代码
2011/10/12 Javascript
JS之Date对象和获取系统当前时间详解
2014/01/13 Javascript
如何将网页表格内容导入excel
2014/02/18 Javascript
使用jquery动态加载js文件的方法
2014/12/24 Javascript
jQuery中大家不太了解的几个方法
2015/03/04 Javascript
JavaScript如何自定义trim方法
2015/07/28 Javascript
jquery判断复选框选中状态以及区分attr和prop
2015/12/18 Javascript
Angular中$cacheFactory的作用和用法实例详解
2016/08/19 Javascript
js中动态创建json,动态为json添加属性、属性值的实例
2016/12/02 Javascript
详解Nodejs的timers模块
2016/12/22 NodeJs
Vue制作Todo List网页
2017/04/26 Javascript
详解React-Router中Url参数改变页面不刷新的解决办法
2018/05/08 Javascript
Vue中watch、computed、updated三者的区别及用法
2020/07/27 Javascript
对python数据切割归并算法的实例讲解
2018/12/12 Python
python 模拟银行转账功能过程详解
2019/08/06 Python
python根据文本生成词云图代码实例
2019/11/15 Python
python之语音识别speech模块
2020/09/09 Python
使用canvas对多图片拼合并导出图片的方法
2018/08/28 HTML / CSS
美国珠宝店:Helzberg Diamonds
2018/10/24 全球购物
阿联酋手表和配饰购物网站:Rivolishop
2019/11/25 全球购物
IGK Hair官网:喷雾、洗发水、护发素等
2020/11/03 全球购物
车间组长岗位职责
2013/12/20 职场文书
春节联欢会主持词
2014/03/24 职场文书
统计学教授推荐信
2014/09/18 职场文书
2014年人力资源工作总结
2014/11/19 职场文书
2016国培学习心得体会
2016/01/08 职场文书
创业计划书之熟食店
2019/10/16 职场文书
Elasticsearch 聚合查询和排序
2022/04/19 Python
Java Spring读取和存储详细操作
2022/08/05 Java/Android