纯html标签下单引号和双引号以及html和JS混编下单引号和双引号

1. 单独html标签时,单引号和双引号区别:










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

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

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

HTML特殊转义字符列表

最常用的字符实体
Character Entities

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

其他字符

字符 十进制 转义字符 字符 十进制 转义字符 字符 十进制 转义字符
? ¡ ¡ Á Á Á á á á
¢ ¢ Â Â ˆ â â â
£ £ Ã Ã Ã ã ã ã
¤ ¤ ¤ Ä Ä Ä ä ä ä
¥ ¥ Å Å ˚ å å å
| ¦ ¦ Æ Æ Æ æ æ æ
§ § § Ç Ç Ç ç ç ç
¨ ¨ ¨ È È È è è è
© © © É É É é é é
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"] +

"" + "  ";

特别提示:

在THINKPHP中未开使用自动验证功能前,以上提及的纯html标签(未测试JS、PHP等混编)式不管单双引号的。

eg:


用户名:

密码:

重复密码:

以上代码是可以通过的。

但是若使用表单“自动验证”就必须用双引号形式书写

eg:


用户名:

密码:

重复密码:

否则将出现不可预知的错误,不会报错。提示404

你可能感兴趣的:(Web)