使用<pre>和<code>标签显示javascript脚本

Question

使用<pre>和<code>标签显示javascript脚本

我正在试验html 5中的<pre>和<code>标签,因为我想在我的网站上包含一些代码片段.我正在使用下面的页面作为测试页面,但它没有显示任何内容.有什么理由吗？

    <body>
    <div style="color:#000000">
      <pre>
        <code>
          <script type="text/javascript">
            $('#inputField').hide();
          </script>
        </code>
      </pre>
    </div>
    </body>

Run Code Online (Sandbox Code Playgroud)

我的理解是,使用这些新标签会否定它们包含的任何代码,但这似乎并非如此.

干杯,

Ĵ

Answer 1

Ger*_*der 21

这些标签仅用于"装饰"目的.其中的代码仍将执行.如果要显示它,则必须至少将<script>标记转换为html:

&lt;script type="text/javascript"&gt;

Run Code Online (Sandbox Code Playgroud)

然后将显示中间的JavaScript代码.

你不需要两者,我会使用<pre>(默认情况下是一个块元素),<code>用于内联使用.

Answer 2

max*_*kou 5

删除script标签:

<body>
    <div style="color:#000000">
      <pre>
        <code>
            $('#inputField').hide();
        </code>
      </pre>
    </div>
</body>

Run Code Online (Sandbox Code Playgroud)

归档时间：	12 年，11 月前
查看次数：	12778 次
最近记录：	12 年，11 月前