编程 Javascript

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 相关文章推荐

javascript 装载iframe子页面，自适应高度

Mar 20 Javascript

JavaScript 动态生成方法的例子

Jul 22 Javascript

DOM和XMLHttpRequest对象的属性和方法整理

Jan 04 Javascript

javascript错误的认识不用关心内存管理

Dec 15 Javascript

Jquery EasyUI中弹出确认对话框以及加载效果示例代码

Feb 13 Javascript

浅析javascript中function 的 length 属性

May 27 Javascript

js实现千分符和保留几位小数的简单实例

Aug 01 Javascript

基于jQuery实现淡入淡出效果轮播图

Jul 31 Javascript

使用ReactJS实现tab页切换、菜单栏切换、手风琴切换和进度条效果

Oct 17 Javascript

react.js组件实现拖拽复制和可排序的示例代码

Aug 20 Javascript

jQuery利用FormData上传文件实现批量上传

Dec 04 jQuery

layui问题之渲染数据表格时,仅出现10条数据的解决方法

Sep 12 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