如何在 HTML 中将文字 javascript 显示为正常正文的一部分？

【问题标题】：How do I show literal javascript as part of normal body in HTML?如何在 HTML 中将文字 javascript 显示为正常正文的一部分？
【发布时间】：2012-03-19 12:08:55
【问题描述】：

我有一些 HTML 如下

<body>
<p><font color="red">Use script as `<script>alert('123')</script>` - must be a number</p> </body>

如何按原样显示？我想避免删除脚本标签，并确保浏览器不执行脚本。

【问题讨论】：

@JosephtheDreamer — 我认为该元素不会像您认为的那样。

标签： javascript html escaping

【解决方案1】：

假设您想内联显示，您需要使用实体 &lt; 和 &gt; 转义 < 和 >

Use script as  `&lt;script&gt;alert('123')&lt;/script&gt;` - mu...

【讨论】：

> 字符不需要替换，但通常是因为它们在保持不变时看起来很奇怪。

【解决方案2】：

这里的例子： http://jsfiddle.net/ZYKpk/3/

Use script as:
<pre>
    &lt;script>
        alert('123');
    &lt;/script>
</pre>

Or use script as:
<code>
    &lt;script>
        alert('123');
    &lt;/script>
</code>

【讨论】：

SO 不欢迎仅包含链接的答案。请将代码的相关部分复制到您的答案中。

【解决方案3】：

我已经建立了一个例子：

http://jsfiddle.net/ZYKpk/1/

<p><font color="red">Use script as `&#60;script&#62;alert('123')&#60;/script&#62;` - must be a number</p>

您必须转义 html 标签才能实现此目的。

【讨论】：

请发布您的代码的相关部分，而不仅仅是一个链接。