html标签中，单引号和双引号区别：

1. 单独html标签时，单引号和双引号区别：

输出完全一样，故在纯html标签下以上三种写法是完全等效的。

2. 在JS混编情况下html标签的双引号和单引号区别：

转义字符串(Escape Sequence)也称字符实体(Character Entity)。在HTML中，定义转义字符串的原因有两个：第一个原因是像“<”和“>”这类符号已经用来表示HTML标签，因此就不能直接当作文本中的符号来使用。为了在HTML文档中使用这些符号，就需要定义它的转义字符串。当解释程序遇到这类字符串时就把它解释为真实的字符。在输入转义字符串时，要严格遵守字母大小写的规则。第二个原因是，有些字符在ASCII字符集中没有定义，因此需要使用转义字符串来表示。

HTML特殊转义字符列表

最常用的字符实体

显示	说明	实体名称	实体编号
	半方大的空白
	全方大的空白
	不断行的空白格
<	小于	<	<
>	大于	>	>
&	&符号	&	&
"	双引号	"	"
©	版权	©	©
®	已注册商标	®	®
™	商标（美国）	™	™
×	乘号	×	×
÷	除号	÷	÷

其他字符

字符	十进制	转义字符	字符	十进制	转义字符	字符	十进制	转义字符
?	¡	¡	Á	Á	Á	á	á	á
￠	¢	¢	Â	Â	ˆ	â	â	â
￡	£	£	Ã	Ã	Ã	ã	ã	ã
¤	¤	¤	Ä	Ä	Ä	ä	ä	ä
￥	¥	¥	Å	Å	˚	å	å	å
|	¦	¦	Æ	Æ	Æ	æ	æ	æ
§	§	§	Ç	Ç	Ç	ç	ç	ç
¨	¨	¨	È	È	È	è	è	è
©	©	©	É	É	É	é	é	é
a	ª	ª	Ê	Ê	Ê	ê	ê	ê
?	«	«	Ë	Ë	Ë	ë	ë	ë
?	¬	¬	Ì	Ì	Ì	ì	ì	ì
\x7f	­	­	Í	Í	Í	í	í	í
®	®	®	Î	Î	Î	î	î	î
ˉ	¯	¯	Ï	Ï	Ï	ï	ï	ï
°	°	°	Ð	Ð	Ð	ð	ð	&ieth;
±	±	±	Ñ	Ñ	Ñ	ñ	ñ	ñ
2	²	²	Ò	Ò	Ò	ò	ò	ò
3	³	³	Ó	Ó	Ó	ó	ó	ó
′	´	´	Ô	Ô	Ô	ô	ô	ô
μ	µ	µ	Õ	Õ	Õ	õ	õ	õ
?	¶	¶	Ö	Ö	Ö	ö	ö	ö
·	·	·	×	×	×	÷	÷	÷
?	¸	¸	Ø	Ø	Ø	ø	ø	ø
1	¹	¹	Ù	Ù	Ù	ù	ù	ù
o	º	º	Ú	Ú	Ú	ú	ú	ú
?	»	»	Û	Û	Û	û	û	û
?	¼	¼	Ü	Ü	Ü	ü	ü	ü
?	½	½	Ý	Ý	Ý	ý	ý	ý
?	¾	¾	Þ	Þ	Þ	þ	þ	þ
?	¿	¿	ß	ß	ß	ÿ	ÿ	ÿ
À	À	À	à	à	à

——————————————————————————————————————

JavaScript转义字符

转义字符	含义
\b	退格
\t	TAB,水平
\v	TAB,垂直
\n	回车换行
\r	换行
\"	双引号
\'	单印号
\\	\
\uhhhh	十六进制编码的Unicode字符

——————————————————————————————————————

//事件绑定函数alert中的参数，如果是数字可以直接写，如果是字符串要加单引号，其他函数也是这样

//项目中的对比：

1、传递参数为字符串

searchResultContent = searchResultContent + "" + i + "" + graphic.attributes["NAME"] + "摄区类型生产时间" + ""onclick = generateDetails('" + graphic.attributes["NAME"] + "');" + ">详细信息";

2、传递参数为数字

searchResultContent = searchResultContent + ""onclick = lightenGraphic(" + index + "," + position + ");" + "href=\"javascript:void(0)\";>" +graphic.attributes["zonename"] + "" + " ";

3、

//事件绑定函数中传递参数，如果参数是数字，不用单引号，如果是字符串，要用单引号；

//并列绑定的事件之间不需要加入分号，否则后边的事件不能绑定                

searchResultContent = searchResultContent + "

"onmouseout = unlightenGraphic(" + index + ") " +

"onclick = lightenGraphic(" + index + "," + position + ");" +

"href=\"javascript:void(0)\"; style=\"cursor:pointer\";>" +

graphic.attributes["zonename"] +

"" + "  ";