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 相关文章推荐
Javascript笔记一 js以及json基础使用说明
May 22 Javascript
js检测判断日期大于多少天的方法
May 04 Javascript
jquery实现树形菜单完整代码
Dec 29 Javascript
必备的JS调试技巧汇总
Jul 20 Javascript
js只执行1次的函数示例
Jul 20 Javascript
微信小程序购物商城系统开发系列-目录结构介绍
Nov 21 Javascript
js中动态创建json,动态为json添加属性、属性值的实例
Dec 02 Javascript
Node批量爬取头条视频并保存方法
Sep 20 Javascript
使用Node.js写一个代码生成器的方法步骤
May 10 Javascript
vue2 拖动排序 vuedraggable组件的实现
Aug 08 Javascript
微信小程序实现定位及到指定位置导航的示例代码
Aug 20 Javascript
vue3 源码解读之 time slicing的使用方法
Oct 31 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
自制汽车收音机天线:收听广播的技巧和方法
2021/03/02 无线电
千呼万唤始出来,DOTA2勇士令状不朽宝藏Ⅱ现已推出
2020/08/25 DOTA
论坛头像随机变换代码
2006/10/09 PHP
php 文件夹删除、php清除缓存程序
2009/08/25 PHP
php判断用户是否手机访问代码
2015/06/08 PHP
laravel清除视图缓存的代码
2019/10/23 PHP
一个原生的用户等级的进度条
2010/07/03 Javascript
js下将字符串当函数执行的方法
2011/07/13 Javascript
js 显示base64编码的二进制流网页图片
2014/04/04 Javascript
纯js实现手风琴效果
2020/04/17 Javascript
JS绘制微信小程序画布时钟
2016/12/24 Javascript
简单易懂的天气插件(代码分享)
2017/02/04 Javascript
JavaScript运动框架 多物体任意值运动(三)
2017/05/17 Javascript
JavaScript实现鼠标滚轮控制页面图片切换功能示例
2017/10/14 Javascript
axios发送post请求springMVC接收不到参数的解决方法
2018/03/05 Javascript
详解VUE-地区选择器(V-Distpicker)组件使用心得
2018/05/07 Javascript
Angular4.x Event (DOM事件和自定义事件详解)
2018/10/09 Javascript
微信小程序云开发之云函数详解
2019/05/16 Javascript
VUE实现Studio管理后台之鼠标拖放改变窗口大小
2020/03/04 Javascript
Vue Cli3 打包配置并自动忽略console.log语句的方法
2020/04/23 Javascript
python实现单向链表详解
2018/02/08 Python
详解Numpy中的数组拼接、合并操作(concatenate, append, stack, hstack, vstack, r_, c_等)
2019/05/27 Python
python读csv文件时指定行为表头或无表头的方法
2019/06/26 Python
python matplotlib库绘制条形图练习题
2019/08/10 Python
python Web flask 视图内容和模板实现代码
2019/08/23 Python
Python 如何查找特定类型文件
2020/08/17 Python
python中random模块详解
2021/03/01 Python
Canvas实现贝赛尔曲线轨迹动画的示例代码
2019/04/25 HTML / CSS
html5视频常用API接口的实战示例
2020/03/20 HTML / CSS
Hotter Shoes美国官网:英国最受欢迎的舒适鞋
2018/08/02 全球购物
Perfume’s Club法国站:购买香水和化妆品
2019/05/02 全球购物
乌克兰品牌化妆品和香水在线商店:Bomond
2020/01/14 全球购物
META-INF文件夹中的MANIFEST.MF的作用
2016/06/21 面试题
2014年仓库管理员工作总结
2014/11/18 职场文书
表扬稿范文
2015/01/17 职场文书
处世之道:关于真诚相待的名言推荐
2019/12/02 职场文书