浅析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 相关文章推荐
超轻量级的基于jquery的三级展开列表
Apr 26 Javascript
jQuery源码分析-03构造jQuery对象-源码结构和核心函数
Nov 14 Javascript
Js 回车换行处理的办法及replace方法应用
Jan 24 Javascript
ECMAScript5中的对象存取器属性:getter和setter介绍
Dec 08 Javascript
Js使用WScript.Shell对象执行.bat文件和cmd命令
Dec 18 Javascript
js获取域名的方法
Jan 27 Javascript
浅谈JavaScript中的string拥有方法的原因
Aug 28 Javascript
javascript淘宝主图放大镜功能
Oct 20 Javascript
React中的render何时执行过程
Apr 13 Javascript
js字符串类型String常用操作实例总结
Jul 05 Javascript
基于JS实现快速读取TXT文件
Aug 25 Javascript
利用PHP实现递归删除链表元素的方法示例
Oct 23 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网页游戏学习之Xnova(ogame)源码解读(六)
2014/06/23 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(七)
2014/06/23 PHP
PHP4和PHP5版本下解析XML文档的操作方法实例分析
2017/05/20 PHP
javascript 拖放效果实现代码
2010/01/22 Javascript
一个简单的js树形菜单
2011/12/09 Javascript
javascript中onclick(this)用法介绍
2013/04/19 Javascript
基于jquery的禁用右键、文本选择功能、复制按键的实现代码
2013/08/27 Javascript
浅谈Javascript中深复制
2014/12/01 Javascript
JS实现选中当前菜单后高亮显示的导航条效果
2015/10/15 Javascript
JavaScript简单获取系统当前时间完整示例
2016/08/02 Javascript
jQuery实现扑克正反面翻牌效果
2017/03/10 Javascript
JS实现自动轮播图效果(自适应屏幕宽度+手机触屏滑动)
2017/06/19 Javascript
深入浅析Node.js单线程模型
2017/07/10 Javascript
jQuery读取本地的json文件(实例讲解)
2017/10/31 jQuery
swiper.js插件实现pc端文本上下滑动功能示例
2018/12/03 Javascript
vue-router传参用法详解
2019/01/19 Javascript
bootstrap table实现横向合并与纵向合并
2019/07/18 Javascript
解决layui中onchange失效以及form动态渲染失效的问题
2019/09/27 Javascript
Vue v-bind动态绑定class实例方法
2020/01/15 Javascript
谈谈我在vue-cli3中用预渲染遇到的坑
2020/04/22 Javascript
vue样式穿透 ::v-deep的具体使用
2020/06/04 Javascript
基于react项目打包css引用路径错误解决方案
2020/10/28 Javascript
[02:51]DOTA2战队出征照拍摄花絮 TI3明星化身时尚男模
2013/07/22 DOTA
python常见的格式化输出小结
2016/12/15 Python
对python:print打印时加u的含义详解
2018/12/15 Python
把JSON数据格式转换为Python的类对象方法详解(两种方法)
2019/06/04 Python
Python获取数据库数据并保存在excel表格中的方法
2019/06/12 Python
Django 解决上传文件时,request.FILES为空的问题
2020/05/20 Python
Python 私有属性和私有方法应用场景分析
2020/06/19 Python
python3让print输出不换行的方法
2020/08/24 Python
python爬虫利用代理池更换IP的方法步骤
2021/02/21 Python
意大利奢侈品购物网站:Deliberti
2019/10/08 全球购物
2015年元旦联欢晚会活动总结
2014/11/28 职场文书
体育个人工作总结
2015/02/09 职场文书
启迪人心的励志语录:脾气永远不要大于本事
2020/01/02 职场文书
python三子棋游戏
2022/05/04 Python