浅析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 相关文章推荐
Javascript-Mozilla和IE中的一个函数直接量的问题
Jan 09 Javascript
jQuery温习篇 强大的JQuery选择器
Apr 24 Javascript
动态的绑定事件addEventListener方法的使用
Jan 24 Javascript
javascript感应鼠标图片透明度显示的方法
Feb 24 Javascript
jQuery+css3动画属性制作猎豹浏览器宽屏banner焦点图
Mar 16 Javascript
Jquery判断form表单数据是否变化
Mar 30 Javascript
JS控制静态页面之间传递参数获取参数并应用的简单实例
Aug 10 Javascript
jQuery Tree Multiselect使用详解
May 02 jQuery
浅谈JavaScript作用域和闭包
Sep 18 Javascript
解决vue动态为数据添加新属性遇到的问题
Sep 18 Javascript
Vue 使用typescript如何优雅的调用swagger API
Sep 01 Javascript
js正则表达式简单校验方法
Jan 03 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中检查PHP文件是否有语法错误的方法
2009/12/23 PHP
PHP 可阅读随机字符串代码
2010/05/26 PHP
php获得客户端浏览器名称及版本的方法(基于ECShop函数)
2015/12/23 PHP
js技巧--转义符&quot;\&quot;的妙用
2007/01/09 Javascript
JS解密入门之凭直觉解
2008/06/25 Javascript
document.createElement()用法
2013/03/13 Javascript
js中window.open打开一个新的页面
2014/08/10 Javascript
JavaScript分秒倒计时器实现方法
2015/02/02 Javascript
使用jQuery判断浏览器滚动条位置的方法
2016/05/30 Javascript
JavaScript比较当前时间是否在指定时间段内的方法
2016/08/02 Javascript
利用yarn实现一个webpack+react种子
2016/10/25 Javascript
详解node-ccap模块生成captcha验证码
2017/07/01 Javascript
JavaScript实现的原生态Tab标签页功能【兼容IE6】
2017/09/18 Javascript
在vue项目中使用codemirror插件实现代码编辑器功能
2019/08/27 Javascript
vue实现移动端图片上传功能
2019/12/23 Javascript
vue组件开发之tab切换组件使用详解
2020/08/21 Javascript
解决vue中使用less/sass及使用中遇到无效的问题
2020/10/24 Javascript
详解Django中的form库的使用
2015/07/18 Python
pandas 转换成行列表进行读取与Nan处理的方法
2018/10/30 Python
Python正则表达式和元字符详解
2018/11/29 Python
python实现微信自动回复机器人功能
2019/07/11 Python
python用quad、dblquad实现一维二维积分的实例详解
2019/11/20 Python
python代码打印100-999之间的回文数示例
2019/11/24 Python
Python任务自动化工具tox使用教程
2020/03/17 Python
python+django+selenium搭建简易自动化测试
2020/08/19 Python
Python爬虫设置Cookie解决网站拦截并爬取蚂蚁短租的问题
2021/02/22 Python
HTML5中的强制下载属性download使用实例解析
2016/05/12 HTML / CSS
美赞臣新加坡官方旗舰店:Enfagrow新加坡
2019/05/15 全球购物
护理职业应聘自荐书
2013/09/29 职场文书
校班主任推荐信范文
2013/12/03 职场文书
公司会计主管岗位责任制
2014/03/01 职场文书
违纪检讨书
2015/01/27 职场文书
班主任高考寄语
2015/02/26 职场文书
通知函格式范文
2015/04/27 职场文书
运动会主持词大全
2015/07/02 职场文书
Python编解码问题及文本文件处理方法详解
2021/06/20 Python