javascript中单引号和双引号的区别

发布网友发布时间：2022-04-20 05:22

共2个回答

热心网友时间：2022-04-24 21:04

一般Javascript资料里面，很少区分单引号(')和双引号(")，认为它们作用相同，今天发现有一处不同点，举例如下：
在一段JS语句中，希望通过编程在网页中动态添加一个命令按钮，则基本实现语句如下所示
var btnOk2=document.createElement("<input type='button' value='确定/>");
document.body.appendChild(btnOk2);
若要在点击按钮后显示一个提示信息，则要对其onclick事件编程，此时有多种方法可以实现。
1. 添加函数
onclick=clickOK();//clickOK()为单独定义的函数
function clickOK(){
alert("确定");
}
2. 使用匿名函数
onclick=function(){alert('确定')};//注意，此处alert内的提示信息应使用单引号，若使用双引号则放入整个input 时语法不正确
3. 直接使用javascript语句，单引号
onclick='javascript:{alert('确定')';//注意，此语句语法没问题，但却不能正常执行，点击按钮时无结果，具体原因不详，也未深究
4. 直接使用javascript语句，双引号
由于要放入input语句中，因此alert不能直接使用双引号，使用转义符/完成
onclick='javascript:alert(/"确定/")';//注意，此语句语法没问题，也能够正常执行
使用第4中方法的完整实例语句如下：
var btnOk2=document.createElement("<input type='button' value='确定 onclick='javascript:alert(/"确定/")'/>");

热心网友时间：2022-04-24 22:22

1.双引号会搜索引号内的内容是不是有变量，有则输出其值，没有则输出原有内容。所以输出纯字符串的时候用单引号比双引号效率高，因为省去检索的过程。
2. 双引号不能包含双引号
比如在程序中$("div").html("<div style='width:50px; height:50px;'></div>");

这里面的style 后就不能跟着双引号。要用单引号