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 相关文章推荐
jQuery 1.0.4 - New Wave Javascript(js源文件)
Jan 15 Javascript
JS 常用校验函数
Mar 26 Javascript
jquery 页面滚动到底部自动加载插件集合
Jan 31 Javascript
jquery移除、绑定、触发元素事件使用示例详解
Apr 10 Javascript
JavaScript事件学习小结(五)js中事件类型之鼠标事件
Jun 09 Javascript
JavaScript浏览器对象模型BOM(BrowserObjectModel)实例详解
Nov 29 Javascript
JavaScript自定义分页样式
Jan 17 Javascript
Vue cli 引入第三方JS和CSS的常用方法分享
Jan 20 Javascript
vue iView 上传组件之手动上传功能
Mar 16 Javascript
Webpack按需加载打包chunk命名的方法
Sep 22 Javascript
使用Vue.js和MJML创建响应式电子邮件
Mar 23 Vue.js
JavaScript使用canvas绘制坐标和线
Apr 28 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
zend optimizer在wamp的基础上安装图文教程
2013/10/26 PHP
PHP浮点数的一个常见问题
2016/03/10 PHP
ThinkPHP5+Layui实现图片上传加预览功能
2018/08/17 PHP
js页面滚动时层智能浮动定位实现(jQuery/MooTools)
2011/08/23 Javascript
仿JQuery输写高效JSLite代码的一些技巧
2015/01/13 Javascript
jquery读取xml文件实现省市县三级联动的方法
2015/05/29 Javascript
VUE JS 使用组件实现双向绑定的示例代码
2017/01/10 Javascript
bootstrap table动态加载数据示例代码
2017/03/25 Javascript
单行 JS 实现移动端金钱格式的输入规则
2017/05/22 Javascript
js实现前端图片上传即时预览功能
2017/08/02 Javascript
JavaScript中in和hasOwnProperty区别详解
2017/08/04 Javascript
Vue-Router进阶之滚动行为详解
2017/09/13 Javascript
详解webpack-dev-server 设置反向代理解决跨域问题
2018/04/18 Javascript
node实现mock-plugin中间件的方法
2019/12/25 Javascript
[42:32]VP vs RNG 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.21.mp4
2020/07/19 DOTA
Python ljust rjust center输出
2008/09/06 Python
windows下python之mysqldb模块安装方法
2017/09/07 Python
zookeeper python接口实例详解
2018/01/18 Python
Python常见字符串操作函数小结【split()、join()、strip()】
2018/02/02 Python
python复制文件到指定目录的实例
2018/04/27 Python
Python读取英文文件并记录每个单词出现次数后降序输出示例
2018/06/28 Python
Python列表原理与用法详解【创建、元素增加、删除、访问、计数、切片、遍历等】
2019/10/30 Python
django框架基于queryset和双下划线的跨表查询操作详解
2019/12/11 Python
使用Bazel编译TensorBoard教程
2020/02/15 Python
Python Tkinter图形工具使用方法及实例解析
2020/06/15 Python
通过代码实例了解Python sys模块
2020/09/14 Python
Spartoo荷兰:鞋子、包包和服装
2018/07/12 全球购物
Glamest意大利:女性在线奢侈品零售店
2019/04/28 全球购物
Roxy荷兰官方网站:冲浪、滑雪板、服装和配件
2019/10/22 全球购物
企业为何需要商业计划书
2013/12/26 职场文书
2014年重阳节老干部座谈会局领导发言稿
2014/09/25 职场文书
单位单身证明样本
2014/10/11 职场文书
2014年招生工作总结
2014/11/26 职场文书
学校德育工作总结2015
2015/05/11 职场文书
酒桌上的开场白
2015/06/01 职场文书
2016反腐倡廉警示教育心得体会
2016/01/13 职场文书