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

修改之前的代码：

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

修改之后的代码：

menu = "<dd><a href=\"javascript:;\" kit-target data-options=\"{url:'test.aspx',icon:'',title:'测试页',id:'11'}\"><i class=\"layui-icon\"></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 的所有特殊字符的实体编号和实体名称。

Character	Entity Number	Entity Name	Description
"	"	"	quotation mark
'	'	' (does not work in IE)	apostrophe
&	&	&	ampersand
<	<	<	less-than
>	>	>	greater-than

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

javascript中字符串的‘单‘与“双“引号
通常在使用 javascript 进行编码时,您会遇到对字符串使用"单"或"双"引号的情况,并且想知道两者之间是否有任何真正的区别,如果有,使用一个是否有优势其 ...
js拼装html单引号双引号,js、html中的单引号、双引号及其转义使用
js.html中的单引号.双引号及其转义使用在js中对相关字符做判断或取值的时候很多情况下都会用到这些. ------ 在一个网页中的按钮,写onclick事件的处理代码,不小心写成如下: IE提示 ...
Shell中单引号(‘‘) 双引号(““) 反引号(``) $() 的区别
字符串与引号 Shell 的模型就是标准的字符流过滤器模型,简单来说,就是一条命令把结果送到标准输出,这个标准输出被连接到下一个命令的标准输入,由此来实现一系列命令之间的联动. 每一个命令的输出都是 ...
小白爬坑记：C语言学习点滴——我对单、双引号的理解
小白爬坑记:C语言学习点滴--我对单.双引号的理解一.单引号的作用: 二.双引号的作用: 三.字符或字符串容易犯的错误: 三.做个小题: 一.单引号的作用: 将单引号中间的所有符号直接转换为ASCI ...
LaTeX如何正确输入引号:双引号“”单引号‘’
最近看一些latex用户的文章,输入的双引号和单引号都是用输入法中的中文模式键入,并不是LaTeX的正确输入方式. 正确的输入方法如下: 使用键盘的 Tab键上侧的LaTeX技巧218:LaTeX如何 ...
Php中单引号双引号包含字符串的区别是,PHP中的单引号和双引号字符串有什么区别？...
回答(11) 2 years ago PHP strings不仅可以用两种方式指定,而且可以用 four 方式指定 . Single quoted strings几乎完全显示事物"as is ...
单引号, 双引号,反引号的区别
单引号, 双引号,反引号的区别区别: 区别: 单引号: 所见即所得里面的内容会原封不动显示出来双引号: 会解析里面的变量和特殊符号反引号: 反引号里面的内容会被优先执行 [root@alice ...
perl 中单引号双引号的区别-----perl学习笔记
在perl中给字符串加引号有两种: 1) 单引号: e.g. print 'I MISS YOU " SO MUCH" '; 它将单引号中的内容包括双引号完整输出,同时即使引号中包 ...
php中单引号双引号的区别,PHP中单引号与双引号的区别
一.引号定义字符串在PHP中,通常一个字符串被定义在一对引号中,如: 'I am a string in single quotes' "I am a string in double q ...
终于知道 Shell 中单引号双引号的区别了
在编写 shell 脚本或输入命令时,你可能已经注意到大多数命令都可以使用单引号或双引号, 这不仅适用于 shell 脚本,而且适用于所有 Bash 命令, 但是两种类型的引号以及 Bash she ...

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

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

最新文章

热门文章