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 相关文章推荐
教你如何解密js/vbs/vbscript加密的编码异处理小结
Jun 25 Javascript
js下获取div中的数据的原理分析
Apr 07 Javascript
javascript-简单的日历实现及Date对象语法介绍(附图)
May 30 Javascript
jquery实现导航固定顶部的效果仿蘑菇街
Oct 22 Javascript
jQuery常用数据处理方法小结
Feb 20 Javascript
JS延时器提示框的应用实例代码解析
Apr 27 Javascript
分享10个优化代码的CSS和JavaScript工具
May 11 Javascript
全面解析JavaScript中“&amp;&amp;”和“||”操作符(总结篇)
Jul 18 Javascript
Angular 页面跳转时传参问题
Aug 01 Javascript
JavaScript获取中英文混合字符串长度的方法示例
Feb 04 Javascript
Three.js的使用及绘制基础3D图形详解
Apr 27 Javascript
JavaScrpt判断一个数是否是质数的实例代码
Jun 11 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查询whois信息的方法
2015/06/08 PHP
php获取错误信息的方法
2015/07/17 PHP
Linux平台php命令行程序处理管道数据的方法
2016/11/10 PHP
Yii2实现增删改查后留在当前页的方法详解
2017/01/13 PHP
PHP开发实现快递查询功能详解
2019/04/08 PHP
PHP查找一列有序数组是否包含某值的方法
2020/02/07 PHP
JavaScript中的运算符种类及其规则介绍
2013/09/26 Javascript
jQuery中html()方法用法实例
2014/12/25 Javascript
javascript验证邮件地址和MX记录的方法
2015/06/16 Javascript
Javascript 实现放大镜效果实例详解
2016/12/03 Javascript
走进AngularJs之过滤器(filter)详解
2017/02/17 Javascript
d3.js入门教程之数据绑定详解
2017/04/28 Javascript
微信小程序实现之手势锁功能实例代码
2018/07/19 Javascript
vue+elementUi 实现密码显示/隐藏+小图标变化功能
2020/01/18 Javascript
Vue父子组件传值的一些坑
2020/09/16 Javascript
Python中import导入上一级目录模块及循环import问题的解决
2016/06/04 Python
详解python之配置日志的几种方式
2017/05/22 Python
Python处理中文标点符号大集合
2018/05/14 Python
对Python中列表和数组的赋值,浅拷贝和深拷贝的实例讲解
2018/06/28 Python
python3 面向对象__类的内置属性与方法的实例代码
2018/11/09 Python
在pycharm上mongodb配置及可视化设置方法
2018/11/30 Python
Python matplotlib的使用并自定义colormap的方法
2018/12/13 Python
python实现截取屏幕保存文件,删除N天前截图的例子
2019/08/27 Python
Python模块汇总(常用第三方库)
2019/10/07 Python
Python unittest生成测试报告过程解析
2020/09/08 Python
canvas像素点操作之视频绿幕抠图
2018/09/11 HTML / CSS
德国柯吉澳趣味家居:Koziol
2017/08/24 全球购物
精灵市场:Pixie Market
2019/06/18 全球购物
数百万免费的图形资源:Freepik
2020/09/21 全球购物
美国购买隐形眼镜网站:Lenses For Less
2020/07/05 全球购物
总经理助理岗位职责
2013/11/08 职场文书
爱护公共设施倡议书
2014/08/29 职场文书
2015年毕业生自我鉴定模板
2014/09/19 职场文书
全国法制宣传日活动总结2014
2014/11/01 职场文书
初中作文评语
2014/12/25 职场文书
Python使用pandas导入xlsx格式的excel文件内容操作代码
2022/12/24 Python