JavaScript # 前端 js、html中的单引号、双引号及其转义使用

最新推荐文章于 2024-07-13 03:03:33 发布

qq_16313575

最新推荐文章于 2024-07-13 03:03:33 发布

阅读量2.1k

点赞数

分类专栏：前端文章标签： JS

原文链接：https://www.cnblogs.com/NKing/p/7910493.html

版权

前端专栏收录该内容

15 篇文章 0 订阅

订阅专栏

修改之前的代码：

menu = " <dd><a href='javascript:;'kit-target data-options='{url:'test.aspx',icon:&#xe612;,title:测试页,id:7}'>  <i class='layui-icon'>&#xe612;</i><span> 测试页</span></a></dd>";

修改之后的代码：

menu = "<dd><a href=\"javascript:;\" kit-target data-options=\"{url:'test.aspx',icon:'&#xe616;',title:'测试页',id:'11'}\"><i class=\"layui-icon\">&#xe616;</i><span> 测试页</span></a></dd>";

成功解决。

参考文章：下面列出各种表达方法：

<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转义字符&quot;(& q u o t ;)-OK" type="button" onclick="alert(&quot;OK&quot;);" /><br />
< input value="HTML转义字符&apos;(& a p o s ;)-IE错误"type="button" onclick="alert(&apos;OK&apos;);" /><br />

<input value="其它\\-错误" type="button" onclick="alert(\\"OK\\");" /><br />
< input value="其它\& # 3 4 ;-错误" type="button" onclick="alert(\"OK\");" /><br />
< /body>
< /html>

在 (x)HTML 中，一些特殊字符应该进行 HTML 实体转义。

常见的有：&（and）、"（双引号）、'（单引号）、<（小于号）、>（大于号），这些在 (x)HTML 文档内容中应该分别转换成：&、"、'、< 和 >。

但是问题就来了，为什么上面单引号的转义和别的特殊字符不同呢？为什么唯独单引号用的是实体编号（'），而其它的用的是实体名称（'）呢？

原因就是 IE 浏览器暂时不支持单引号的实体名称，IE 浏览器暂时只支持单引号的实体编号。

这也是 PHP htmlspecialchars 函数把单引号转义成 '，而不是 ' 的原因。

这里可以查看 HTML 的所有特殊字符的实体编号和实体名称。