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.ajax传递中文参数的解决方法 推荐
Mar 28 Javascript
jQuery UI Dialog 创建友好的弹出对话框实现代码
Apr 12 Javascript
jQuery操作checkbox选择(list/table)
Apr 07 Javascript
JavaScript生成的动态下雨背景效果实现方法
Feb 25 Javascript
最精简的JavaScript实现鼠标拖动效果的方法
May 11 Javascript
JavaScript的Backbone.js框架环境搭建及Hellow world示例
May 07 Javascript
详解Angular的双向数据绑定(MV-VM)
Dec 26 Javascript
Vue.js实战之通过监听滚动事件实现动态锚点
Apr 04 Javascript
如何在Angular应用中创建包含组件方法示例
Mar 23 Javascript
使用vue实现通过变量动态拼接url
Jul 22 Javascript
JS异步宏队列微队列原理详解
Sep 09 Javascript
vue中defineProperty和Proxy的区别详解
Nov 30 Vue.js
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/01/12 PHP
CodeIgniter针对lighttpd服务器URL重写的方法
2015/06/10 PHP
wampserver改变默认网站目录的办法
2015/08/05 PHP
php写app接口并返回json数据的实例(分享)
2017/05/20 PHP
JavaScript 未结束的字符串常量常见解决方法
2010/01/24 Javascript
JS Jquery 遍历,筛选页面元素 自动完成(实现代码)
2013/07/08 Javascript
详解JavaScript中常用的函数类型
2015/11/18 Javascript
老生常谈js动态添加事件--- 事件委托
2016/07/19 Javascript
Vue.js动态添加、删除选题的实例代码
2016/09/30 Javascript
JS中关于事件处理函数名后面是否带括号的问题
2016/11/16 Javascript
jquery实现简单的瀑布流布局
2016/12/11 Javascript
JS实现按钮控制计时开始和停止功能
2017/07/27 Javascript
解决layui-open关闭自身窗口的问题
2019/09/10 Javascript
JS数组方法reduce的用法实例分析
2020/03/03 Javascript
[01:04:31]DOTA2-DPC中国联赛定级赛 iG vs Magma BO3第二场 1月8日
2021/03/11 DOTA
python实现颜色空间转换程序(Tkinter)
2015/12/31 Python
python+tkinter编写电脑桌面放大镜程序实例代码
2018/01/16 Python
简单了解python反射机制的一些知识
2019/07/13 Python
Python之虚拟环境virtualenv,pipreqs生成项目依赖第三方包的方法
2019/07/23 Python
Python 使用 prettytable 库打印表格美化输出功能
2019/12/26 Python
python 截取XML中bndbox的坐标中的图像,另存为jpg的实例
2020/03/10 Python
scrapy爬虫:scrapy.FormRequest中formdata参数详解
2020/04/30 Python
python中列表的含义及用法
2020/05/26 Python
virtualenv介绍及简明教程
2020/06/23 Python
Django url 路由匹配过程详解
2021/01/22 Python
详解CSS3 filter:drop-shadow滤镜与box-shadow区别与应用
2020/08/24 HTML / CSS
Urban Outfitters美国官网:美国生活方式品牌
2016/08/26 全球购物
新西兰最大的天然保健及护肤品网站:HealthPost(直邮中国)
2021/02/13 全球购物
第一批党的群众路线教育实践活动工作总结
2014/03/03 职场文书
战略合作意向书范本
2014/04/01 职场文书
内科护士节演讲稿
2014/09/11 职场文书
群众路线教育实践活动剖析材料
2014/09/30 职场文书
学生保证书
2015/01/16 职场文书
会计工作岗位职责
2015/02/03 职场文书
演讲稿之开卷有益
2019/08/07 职场文书
Netty客户端接入流程NioSocketChannel创建解析
2022/03/25 Java/Android