浅析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 相关文章推荐
文本加密解密
Jun 23 Javascript
jQuery 前的按键判断代码
Mar 19 Javascript
javascript之AJAX框架使用说明
Apr 24 Javascript
javascript preload&amp;lazy load
May 13 Javascript
基于javascript滚动图片具体实现
Nov 18 Javascript
jquery自动填充勾选框即把勾选框打上true
Mar 24 Javascript
JS实现可展开折叠层的鼠标拖曳效果
Oct 09 Javascript
JavaScript中Boolean对象的属性解析
Oct 21 Javascript
浅谈express.js框架中间件(middleware)
Apr 07 Javascript
vue路由守卫+登录态管理实例分析
May 21 Javascript
JavaScript实现京东放大镜效果
Dec 03 Javascript
Vue开发中常见的套路和技巧总结
Nov 24 Vue.js
表单元素与非表单元素刷新区别详细解析
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使用Session遇到的一个Permission denied Notice解决办法
2014/07/30 PHP
php使用指定编码导出mysql数据到csv文件的方法
2015/03/31 PHP
Symfony2在Nginx下的配置方法图文教程
2016/02/04 PHP
基于jQueryUI和Corethink实现百度的搜索提示功能
2016/11/09 PHP
使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能示例
2017/09/15 PHP
PHP按符号截取字符串的指定部分的实现方法
2018/09/10 PHP
JQuery团队打造的javascript单元测试工具QUnit介绍
2010/02/26 Javascript
深入理解JavaScript系列(16) 闭包(Closures)
2012/04/12 Javascript
getComputedStyle与currentStyle获取样式(style/class)
2013/03/19 Javascript
文本框(input)获取焦点(onfocus)时样式改变的示例代码
2014/01/10 Javascript
javascript实现window.print()去除页眉页脚
2014/12/30 Javascript
javascript常用方法总结
2015/05/14 Javascript
浅谈JavaScript的push(),pop(),concat()方法
2016/06/03 Javascript
vue2.0结合DataTable插件实现表格动态刷新的方法详解
2017/03/17 Javascript
通过命令行生成vue项目框架的方法
2017/07/12 Javascript
使用vue-cli4.0快速搭建一个项目的方法步骤
2019/12/04 Javascript
vue scroll滚动判断的实现(是否滚动到底部、滚动方向、滚动节流、获取滚动区域dom元素)
2020/06/11 Javascript
js实现微信聊天效果
2020/08/09 Javascript
Python开发编码规范
2006/09/08 Python
Numpy中stack(),hstack(),vstack()函数用法介绍及实例
2018/01/09 Python
详解用TensorFlow实现逻辑回归算法
2018/05/02 Python
如何使用Flask-Migrate拓展数据库表结构
2019/07/24 Python
django 中QuerySet特性功能详解
2019/07/25 Python
python ETL工具 pyetl
2020/06/07 Python
Python urllib3软件包的使用说明
2020/11/18 Python
Python3中的tuple函数知识点讲解
2021/01/03 Python
html5 canvas的绘制文本自动换行的示例代码
2018/09/17 HTML / CSS
印度领先的在线时尚商店:Koovs
2016/08/28 全球购物
C++是不是类型安全的
2014/02/18 面试题
四年级科学教学反思
2014/02/10 职场文书
cf收人广告词大全
2014/03/14 职场文书
项目经理任命书范本
2014/06/05 职场文书
公司自我介绍演讲稿
2014/08/21 职场文书
优秀党支部申报材料
2014/12/24 职场文书
赤壁观后感(2)
2015/06/15 职场文书
python 实现图与图之间的间距调整subplots_adjust
2021/05/21 Python