如何在网页上显示JavaScript代码？

Question

如何显示以下Javascript代码，但不运行它？

<script>alert("test");</script>

我尝试在我的页面上显示此代码，但是当用户加载页面时，它会发出警告＆＃34; test＆＃34;。

如何显示代码但不在页面加载时运行？

Answer 1

<使用<，>使用>

＆＃13;

＆＃13;

<code>
    &lt;script&gt;alert("test");&lt;/script&gt;
</code>

＆＃13;

＆＃13;

＆＃13;

Answer 2

＆＃13;

＆＃13;

<pre><code>&lt;script&gt;alert('test')&lt;/script&gt;
 </code></pre>

＆＃13;

＆＃13;

＆＃13;

或

使用 Jquery ，您只需使用 .text（）

在特定选择器上添加文字

Jquery示例：

＆＃13;

＆＃13;

$(document).ready(function () {
        $('.showText').text("<script>alert('text')<"+"/script>");
           });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<span class="showText"></span>

＆＃13;

＆＃13;

＆＃13;

Answer 3

＆＃13;

＆＃13;

PendingIntent

＆＃13;

＆＃13;

＆＃13;

http://www.w3.org/TR/REC-html32#xmp
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/plaintext
的 https://code.google.com/p/doctype-mirror/wiki/PlaintextElement
http://www.blooberry.com/indexdot/html/tagpages/x/xmp.htm
http://www.blooberry.com/indexdot/html/tagpages/p/plaintext.htm

;）很棒的东西，但遗憾，因为<!-- Sadly (totally)... this is obsolete :( --> <xmp> <script>alert("test");</script> </xmp>和<plaintext>已经过时，因此您对浏览器的怜悯感已经过时了 所以 使用<xmp>和<（或使用十六进制>，<）转义>和<字符 是一个好主意。

＆＃13;

＆＃13;

>

＆＃13;

＆＃13;

＆＃13;

您可以在<script>alert("test");</script>或<pre>等标记中包含上述语义原因，但不需要它来实现所需的内容。
所以重点是我们反复建议使用<code>，但我们仍然错过了一个正确有效的标记，用于文字化并代表<pre>，<，{{1没有逃避。