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 相关文章推荐
Lazy Load 延迟加载图片的jQuery插件中文使用文档
Oct 18 Javascript
json对象转字符串如何实现
Dec 02 Javascript
BootStrap Typeahead自动补全插件实例代码
Aug 10 Javascript
AngularJS验证信息框架的封装插件用法【w5cValidator扩展插件】
Nov 03 Javascript
js实现页面刷新滚动条位置不变
Nov 27 Javascript
浅析使用BootStrap TreeView插件实现灵活配置快递模板
Nov 28 Javascript
ie下js不执行的几种可能
Feb 28 Javascript
详解vue.js的事件处理器v-on:click
Jun 27 Javascript
vuex实现的简单购物车功能示例
Feb 13 Javascript
node.js Promise对象的使用方法实例分析
Dec 26 Javascript
Vue 技巧之控制父类的 slot
Feb 24 Javascript
浅谈Ant Design Pro 菜单自定义 icon
Nov 17 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
php 中英文语言转换类代码
2011/08/11 PHP
初识ThinkPHP控制器
2016/04/07 PHP
Yii 2中的load()和save()示例详解
2017/08/03 PHP
PHP面向对象五大原则之单一职责原则(SRP)详解
2018/04/04 PHP
Laravel框架Auth用户认证操作实例分析
2019/09/29 PHP
javascript动态添加表格数据行(ASP后台数据库保存例子)
2010/05/08 Javascript
JQuery分别取得每行最后一列和最后一行的示例代码
2013/08/18 Javascript
javascript实现表单提交后,提交按钮不可用的方法
2015/04/18 Javascript
Jquery全选与反选点击执行一次的解决方案
2015/08/14 Javascript
简单谈谈JavaScript的同步与异步
2015/12/31 Javascript
微信小程序 登陆流程详细介绍
2017/01/17 Javascript
实例讲解javascript实现异步图片上传方法
2017/12/05 Javascript
《javascript少儿编程》location术语总结
2018/05/27 Javascript
手把手教你写一个微信小程序(推荐)
2018/10/17 Javascript
vue中使用微信公众号js-sdk踩坑记录
2019/03/29 Javascript
浅析VUE防抖与节流
2020/11/24 Vue.js
[39:07]LGD vs VP 2018国际邀请赛淘汰赛BO3 第二场 8.21
2018/08/22 DOTA
Python运算符重载用法实例
2015/05/28 Python
Python探索之修改Python搜索路径
2017/10/25 Python
python写入已存在的excel数据实例
2018/05/03 Python
tensorflow实现简单的卷积神经网络
2018/05/24 Python
Python标准库使用OrderedDict类的实例讲解
2019/02/14 Python
PyQt5图形界面播放音乐的实例
2019/06/17 Python
python使用HTMLTestRunner导出饼图分析报告的方法
2019/12/30 Python
Django调用百度AI接口实现人脸注册登录代码实例
2020/04/23 Python
python调用私有属性的方法总结
2020/07/24 Python
Python内存泄漏和内存溢出的解决方案
2020/09/26 Python
HTML实现代码雨源码及效果示例
2020/02/25 HTML / CSS
本科毕业生自我鉴定
2013/11/02 职场文书
母亲追悼会答谢词
2014/01/27 职场文书
献爱心大型公益活动策划方案
2014/09/15 职场文书
个人职业及收入证明
2014/10/13 职场文书
周年庆典答谢词
2015/01/20 职场文书
比赛口号霸气押韵
2015/12/24 职场文书
护士工作心得体会
2016/01/25 职场文书
JS轻量级函数式编程实现XDM二
2022/06/16 Javascript