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 相关文章推荐
表单元素事件 (Form Element Events)
Jul 17 Javascript
js通过八个点 拖动改变div大小的实现方法
Mar 05 Javascript
jQuery实现图片文字淡入淡出效果
Dec 21 Javascript
详解JavaScript中数组和字符串的lastIndexOf()方法使用
Mar 13 Javascript
vue中动态设置meta标签和title标签的方法
Jul 11 Javascript
JS加密插件CryptoJS实现的Base64加密示例
Aug 16 Javascript
AngularJS 事件发布机制
Aug 28 Javascript
如何在Vue中使用CleaveJS格式化你的输入内容
Dec 14 Javascript
JavaScript实现小球沿正弦曲线运动
Sep 07 Javascript
通过循环优化 JavaScript 程序
Jun 24 Javascript
JavaScript使用canvas绘制随机验证码
Feb 17 Javascript
如何在JavaScript中正确处理变量
Dec 25 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反转字符串函数strrev()函数的用法
2012/02/04 PHP
解析Ubuntu下crontab命令的用法
2013/06/24 PHP
php删除字符串末尾子字符,删除开始字符,删除两端字符(实现代码)
2013/06/27 PHP
PH P5.2至5.5、5.6的新增功能详解
2014/07/14 PHP
PHP中使用Imagick读取pdf并生成png缩略图实例
2015/01/21 PHP
smarty模板引擎中内建函数if、elseif和else的使用方法
2015/01/22 PHP
php array_merge函数使用需要注意的一个问题
2015/03/30 PHP
PHP实现简单数字分页效果
2015/07/26 PHP
Zend Framework教程之Zend_Controller_Plugin插件用法详解
2016/03/07 PHP
PHP封装cURL工具类与应用示例
2019/07/01 PHP
PHP 对象接口简单实现方法示例
2020/04/13 PHP
node.js中的fs.readSync方法使用说明
2014/12/17 Javascript
JavaScript动态加载样式表的方法
2015/03/21 Javascript
jq实现左侧显示图片右侧文字滑动切换效果
2015/08/04 Javascript
jQuery实现的指纹扫描效果实例(附演示与demo源码下载)
2016/01/26 Javascript
基于javascript实现图片切换效果
2016/04/17 Javascript
简单几步实现返回顶部效果
2016/12/05 Javascript
bootstrap table表格插件使用详解
2017/05/08 Javascript
AngularJS中控制器函数的定义与使用方法示例
2017/10/10 Javascript
vue实现长图垂直居上 vue实现短图垂直居中
2017/10/18 Javascript
如何用webpack4带你实现一个vue的打包的项目
2018/06/20 Javascript
微信小程序搭建(mpvue+mpvue-weui+fly.js)的详细步骤
2018/09/18 Javascript
vue2中引用及使用 better-scroll的方法详解
2018/11/15 Javascript
js+canvas实现五子棋小游戏
2020/08/02 Javascript
Vue仿Bibibili首页的问题
2021/01/21 Vue.js
[02:38]DOTA2亚洲邀请赛小组赛精彩集锦:Wings完美团击溃对手
2017/03/29 DOTA
Python写的服务监控程序实例
2015/01/31 Python
python 实现在Excel末尾增加新行
2018/05/02 Python
python中使用iterrows()对dataframe进行遍历的实例
2018/06/09 Python
Python要如何实现列表排序的几种方法
2020/02/21 Python
Python map及filter函数使用方法解析
2020/08/06 Python
俄罗斯小米家用电器、电子产品和智能家居商店:Poood.ru
2020/04/03 全球购物
博士研究生自我鉴定范文
2013/12/04 职场文书
入股协议书
2014/04/14 职场文书
公司承诺书怎么写
2014/05/24 职场文书
房屋产权证明书
2014/10/15 职场文书