打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
html javascript 转移字符 单引号 双引号 动态事件绑定
userphoto

2012.10.26

关注
html javascript 转移字符 单引号 双引号 动态事件绑定
转义字符串(Escape Sequence)也称字符实体(Character Entity)。在HTML中,定义转义字符串的原因有两个:第一个原因是像“<”和“>”这类符号已经用来表示HTML标签,因此就不能直 接当作文本中的符号来使用。为了在HTML文档中使用这些符号,就需要定义它的转义字符串。当解释程序遇到这类字符串时就把它解释为真实的字符。在输入转义字符串时,要严格遵守字母大小写的规则。第二个原因是,有些字符在ASCII字符集中没有定义,因此需要使用转义字符串来表示。
HTML特殊转义字符列表
最常用的字符实体
Character Entities
显示说明实体名称实体编号
半方大的空白&ensp;&#8194;
全方大的空白&emsp;&#8195;
不断行的空白格&nbsp;&#160;
<小于&lt;&#60;
>大于&gt;&#62;
&&符号&amp;&#38;
"双引号&quot;&#34;
版权&copy;&#169;
已注册商标&reg;&#174;
商标(美国)&#8482;
×乘号&times;&#215;
÷除号&divide;&#247;
其他字符
字符十进制转义字符字符十进制转义字符字符十进制转义字符
&#161;&iexcl; á&#193;&Aacute;á&#225;&aacute;
¢&#162;&cent;&#194;&circ;a&#226&acirc;
£&#163;&pound;&#195;&Atilde;&#227;&atilde;
¤&#164;&curren;&#196;&Auml&#228;&auml;
¥&#165;&yen;&#197;&ring;&#229;&aring;
|&#166;&brvbar;&#198;&AElig;&#230;&aelig;
§&#167;&sect;&#199;&Ccedil;&#231;&ccedil;
¨&#168;&uml;è&#200;&Egrave;è&#232;&egrave;
&#169;&copy;é&#201;&Eacute;é&#233;&eacute;
a&#170;&ordf;ê&#202;&Ecirc;ê&#234;&ecirc;
&#171;&laquo;&#203;&Euml;&#235;&euml;
&#172;&not;ì&#204;&Igrave;ì&#236;&igrave;
\x7f &#173;&shy;í&#205;&Iacute;í&#237;&iacute;
&#174;&reg;&#206;&Icirc;&#238;&icirc;
ˉ&#175;&macr;&#207;&Iuml;&#239;&iuml;
°&#176;&deg;D&#208;&ETH;e&#240;&ieth;
±&#177;&plusmn;&#209;&Ntilde;&#241;&ntilde;
2&#178;&sup2;ò&#210;&Ograve;ò&#242;&ograve;
3&#179;&sup3;ó&#211;&Oacute;ó&#243;&oacute;
′&#180;&acute;&#212;&Ocirc;&#244;&ocirc;
μ&#181;&micro;&#213;&Otilde;&#245;&otilde;
&#182;&para;&#214;&Ouml;&#246;&ouml;
·&#183;&middot;&times; &#215;&times;÷&#247;&divide;
&#184;&cedil;&#216;&Oslash;&#248;&oslash;
1&#185;&sup1;ù&#217;&Ugrave;ù&#249;&ugrave;
o&#186;&ordm;ú&#218;&Uacute;ú&#250;&uacute;
&#187;&raquo;&#219;&Ucirc;&#251;&ucirc;
&#188;&frac14;ü&#220;&Uuml;ü&#252;&uuml;
&#189;&frac12;Y&#221;&Yacute;y&#253;&yacute;
&#190;&frac34;T&#222;&THORN;t&#254;&thorn;
&#191;&iquest;&#223;&szlig;&#255;&yuml;
à&#192;&Agrave;à&#224;&agrave;
——————————————————————————————————————
javascript转义字符
转义字符含义
\b退格
\tTAB,水平
\vTAB,垂直
\n回车换行
\r换行
\"双引号
\'单印号
\\\
\uhhhh十六进制编码的Unicode字符
——————————————————————————————————————
<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 />
</body>
</html>
//事件绑定函数alert中的参数,如果是数字可以直接写,如果是字符串要加单引号,其他函数也是这样
//项目中的对比:
1、传递参数为字符串
searchResultContent = searchResultContent + "<tr><td align='center'>" + i + "</td><td align='center'>" + graphic.attributes["NAME"] + "</td><td align='center'>摄区</td><td align='center'>类型</td><td align='center'>生产时间</td>" + "<td align='center'" + "onclick = generateDetails('" + graphic.attributes["NAME"] + "');" + ">详细信息</td></tr>";
2、传递参数为数字
searchResultContent = searchResultContent + "<A " +"onclick = lightenGraphic(" + index + "," + position + ");" +  "href=\"javascript:void(0)\";>" +graphic.attributes["zonename"] + "</A>" + "   ";
3、
//事件绑定函数中传递参数,如果参数是数字,不用单引号,如果是字符串,要用单引号;
//并列绑定的事件之间不需要加入分号,否则后边的事件不能绑定
searchResultContent = searchResultContent + "<A " +
"onmouseout = unlightenGraphic(" + index + ") " +
"onclick = lightenGraphic(" + index + "," + position + ");" +
"href=\"javascript:void(0)\"; style=\"cursor:pointer\";>" +
graphic.attributes["zonename"] +
"</A>" + "   ";
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
单引号,双引号,javascript,HTML,转义字符
web前端学习(三十五)——JavaScript事件、字符串及运算符的相关设置
1、WPS JS中的字符串
2.2.3 字符型和字符串常量值
Python基础:浅谈Python转义字符
SHELL
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服