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 相关文章推荐
IE6下JS动态设置图片src地址问题
Jan 08 Javascript
ASP.NET jQuery 实例9  通过控件hyperlink实现返回顶部效果
Feb 03 Javascript
原生javascript模仿win8等待提示圆圈进度条
Apr 24 Javascript
Javascript基础之数组的使用
May 13 Javascript
a标签跳转到指定div,jquery添加和移除class属性的实现方法
Oct 10 Javascript
JS中split()用法(将字符串按指定符号分割成数组)
Oct 24 Javascript
jquery.form.js异步提交表单详解
Apr 25 jQuery
JavaScript中的一些隐式转换和总结(推荐)
Dec 22 Javascript
基于vue和react的spa进行按需加载的实现方法
Sep 29 Javascript
fastadmin中调用js的方法
May 14 Javascript
javascript使用substring实现的展开与收缩文字功能示例
Jun 17 Javascript
详解小程序如何改变onLoad的执行时机
Nov 01 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截取字符串并保留完整xml标签的函数代码
2013/02/06 PHP
Thinkphp中的volist标签用法简介
2014/06/18 PHP
phpMyAdmin无法登陆的解决方法
2017/04/27 PHP
php注册系统和使用Xajax即时验证用户名是否被占用
2017/08/31 PHP
启用OPCache提高PHP程序性能的方法
2019/03/21 PHP
JQuery实现鼠标滑过显示导航下拉列表
2013/09/12 Javascript
javascript单引号和双引号的区别和处理
2014/05/14 Javascript
一个JavaScript获取元素当前高度的实例
2014/10/29 Javascript
node.js中的url.resolve方法使用说明
2014/12/10 Javascript
JQuery简单实现锚点链接的平滑滚动
2015/05/03 Javascript
nodejs入门教程五:连接数据库的方法分析
2017/04/24 NodeJs
深入理解Vue 组件之间传值
2018/08/16 Javascript
Vue实现美团app的影院推荐选座功能【推荐】
2018/08/29 Javascript
微信小程序自定义带价格显示日历效果
2018/12/29 Javascript
解决 viewer.js 动态更新图片导致无法预览的问题
2019/05/14 Javascript
jQuery实现的分页插件完整示例
2020/05/26 jQuery
实例讲解React 组件生命周期
2020/07/08 Javascript
[42:25]2018DOTA2亚洲邀请赛 4.5 淘汰赛 LGD vs Liquid 第三场
2018/04/06 DOTA
python中执行shell命令的几个方法小结
2014/09/18 Python
详解Python中映射类型的内建函数和工厂函数
2015/08/19 Python
简单的python后台管理程序
2017/04/13 Python
Python基于回溯法子集树模板解决旅行商问题(TSP)实例
2017/09/05 Python
Python利用ORM控制MongoDB(MongoEngine)的步骤全纪录
2018/09/13 Python
Django csrf 验证问题的实现
2018/10/09 Python
Ubuntu下升级 python3.7.1流程备忘(推荐)
2018/12/10 Python
python文本数据处理学习笔记详解
2019/06/17 Python
解决Python计算矩阵乘向量,矩阵乘实数的一些小错误
2019/08/26 Python
pytorch中获取模型input/output shape实例
2019/12/30 Python
python 对xml解析的示例
2021/02/27 Python
利用纯css3实现的文字亮光特效的代码演示
2014/11/27 HTML / CSS
英国复古和经典球衣网站:Vintage Football Shirts
2018/10/05 全球购物
元宵节寄语大全
2015/02/27 职场文书
特此通知格式
2015/04/27 职场文书
预备党员入党思想汇报(范文)
2019/08/14 职场文书
redis实现排行榜功能
2021/05/24 Redis
go开发alertmanger实现钉钉报警
2021/07/16 Golang