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 相关文章推荐
JSON辅助格式化处理方法
Mar 26 Javascript
jquery滚动特效集锦
Jun 03 Javascript
浅谈jQuery中height与width
Jul 06 Javascript
AngularJs concepts详解及示例代码
Sep 01 Javascript
浅谈JS函数定义方式的区别
Oct 30 Javascript
微信小程序 textarea 详解及简单使用方法
Dec 05 Javascript
利用Vue.js实现checkbox的全选反选效果
Jan 18 Javascript
JS获取本周周一,周末及获取任意时间的周一周末功能示例
Feb 09 Javascript
js数字计算 误差问题的快速解决方法
Feb 28 Javascript
vue axios请求拦截实例代码
Mar 29 Javascript
BootStrap modal实现拖拽功能
Dec 01 Javascript
js getBoundingClientRect使用方法详解
Jul 17 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
linux iconv方法的使用
2011/10/01 PHP
PHP实现动态执行代码的方法
2016/03/25 PHP
javascript replace()正则替换实现代码
2010/02/26 Javascript
jQuery LigerUI 插件介绍及使用之ligerDrag和ligerResizable示例代码打包
2011/04/06 Javascript
js根据给定的日期计算当月有多少天实现思路及代码
2013/02/25 Javascript
3种不同方式的焦点图轮播特效分享
2013/10/30 Javascript
js读取json的两种常用方法示例介绍
2014/10/19 Javascript
js实现div层缓慢收缩与展开的方法
2015/05/11 Javascript
jQuery简单获取键盘事件的方法
2016/01/22 Javascript
EasyUI实现下拉框多选功能
2017/11/07 Javascript
微信小程序登录数据解密及状态维持实例详解
2019/05/06 Javascript
elementUI 动态生成几行几列的方法示例
2019/07/11 Javascript
layer 刷新某个页面的实现方法
2019/09/05 Javascript
手把手教你如何编译打包video.js
2020/12/09 Javascript
[00:35]DOTA2上海特级锦标赛 VP战队宣传片
2016/03/04 DOTA
Django中对通过测试的用户进行限制访问的方法
2015/07/23 Python
Python聚类算法之DBSACN实例分析
2015/11/20 Python
Python编程给numpy矩阵添加一列方法示例
2017/12/04 Python
python设置环境变量的原因和方法
2019/06/24 Python
django中账号密码验证登陆功能的实现方法
2019/07/15 Python
Python解决pip install时出现的Could not fetch URL问题
2019/08/01 Python
python实现在一个画布上画多个子图
2020/01/19 Python
后端开发使用pycharm的技巧(推荐)
2020/03/27 Python
8种常用的Python工具
2020/08/05 Python
css3实现冲击波效果的示例代码
2018/01/11 HTML / CSS
领先的钻石和订婚戒指零售商:Diamonds-USA
2016/12/11 全球购物
马来西亚在线购物市场:PGMall.my
2019/10/13 全球购物
《小猫刮胡子》教学反思
2014/02/21 职场文书
会计电算化毕业生自荐信
2014/03/03 职场文书
教师求职自荐信
2014/03/09 职场文书
学校出纳员岗位职责
2014/03/18 职场文书
语文高效课堂实施方案
2014/05/03 职场文书
应届大学生求职信
2014/07/20 职场文书
市委召开党的群众路线教育实践活动总结大会报告
2014/10/21 职场文书
硕士毕业论文导师评语
2014/12/31 职场文书
《我的长生果》教学反思
2016/02/20 职场文书