suchen

Heim >Web-Frontend >js-Tutorial >Zusammenfassung der Escape-Anführungszeichen in JS und HTML

Zusammenfassung der Escape-Anführungszeichen in JS und HTML

零到壹度
零到壹度Original
2018-04-12 15:42:402729Durchsuche

本篇文章给大家分享的内容是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中的单引号、双引号及其转义使用

Das obige ist der detaillierte Inhalt vonZusammenfassung der Escape-Anführungszeichen in JS und HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：So verwenden Sie Vue CLINächster Artikel：So verwenden Sie Vue CLI

In Verbindung stehende Artikel

Mehr sehen