cari

Rumah >hujung hadapan web >tutorial js >js和html中关于引号的转义总结

js和html中关于引号的转义总结

零到壹度
零到壹度asal
2018-04-12 15:42:402729semak imbas

本篇文章给大家分享的内容是js和html中关于引号的转义总结 ，有着一定的参考价值，有需要的朋友可以参考一下

在一个网页中的按钮，写onclick事件的处理代码，不小心写成如下：

<input value="Test" type="button" onclick="alert(""OK"");" />

IE提示出错后，再漫不经心地改为：

<input value="Test" type="button" onclick="alert(\"OK\");" />

结果还是出错。
这时，我就想不通了，虽然我知道最直接的解决方法是写成这样：

<input value="" type="button" onclick="alert(&#39;OK&#39;);" />

但为什么javascript中的转义字符\没有效果了呢？

后来找到一段正常的代码：

<input value="Test" type="button" onclick="alert(&quot;OK&quot;);" />

这时才理解，原来这时，还是归于HTML的管辖范围，所以转义字符应该使用HTML的，而不是javascript的。两个双引号的做法是vbScript的，\"这种做法则是javascript的，而HTML的，则是用"，此外还可以使用："、'。

下面列出各种表达方法：

<html>
<body>
<input value="外双引号内双引号-错误" type="button" onclick="alert("OK");" /><br />
<input value="外单引号内单引号-错误" type="button" onclick=&#39;alert(&#39;OK&#39;);&#39; /><br />
<input value="两个双引号-错误" type="button" onclick="alert(""OK"");" /><br />
<input value="两个单引号-错误" type="button" onclick="alert(&#39;&#39;OK&#39;&#39;);" /><br />
<input value="\+双引号-错误" type="button" onclick="alert(\"OK\");" /><br />
<input value="\+单引号-错误" type="button" onclick="alert(\&#39;OK\&#39;);" /><br />
<input value="外双引号内单引号-OK" type="button" onclick="alert(&#39;OK&#39;);" /><br />
<input value="外单引号内双引号-OK" type="button" onclick=&#39;alert("OK");&#39; /><br />
<input value="外部不使用引号-OK" type="button" onclick=alert(&#39;OK&#39;);alert("OK"); /><br />
<input value="HTML转义字符"(& # 3 4 ;)-OK" type="button" onclick="alert("OK");" /><br />
<input value="HTML转义字符&#39;(& # 3 9 ;)-OK" type="button" onclick="alert(&#39;OK&#39;);" /><br />
<input value="HTML转义字符"(& # x 2 2 ;)-OK" type="button" onclick="alert(&#39;OK&#39;);" /><br />
<input value="HTML转义字符&#39;(& # x 2 7 ;)-OK" type="button" onclick="alert(&#39;OK&#39;);" /><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>

相关推荐：

html单引号,双引号转义

有关PHP、HTML单引号、双引号转义以及转成HTML实体的那些事!

js、html中的单引号、双引号及其转义使用

Atas ialah kandungan terperinci js和html中关于引号的转义总结 . Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：vue cli 如何使用Artikel seterusnya：JavaScript实现图片实时预览功能

Artikel berkaitan

Lihat lagi