javascript - 如何使用 JavaScript 显示代码块的行号？

Question

事情是这样的。我使用'Highlight.js '(基于 javascript 的自动语法高亮器)在我的网站上对代码进行语法高亮显示。但它不支持行号或斑马条纹(用于交替代码行)。

我的代码块包含在 <pre><code> 中像这样的 block :

<pre><code>
&lt;script type=&quot;text/javascript&quot;&gt;
// Say hello world until the user starts questioning
// the meaningfulness of their existence.
function helloWorld(world) {
for (var i = 42; --i &gt;= 0;) {
alert(&#39;Hello &#39; + String(world));
}
}
&lt;/script&gt;
&lt;style&gt;
p { color: pink }
b { color: blue }
u { color: &quot;umber&quot; }
&lt;/style&gt;
</code></pre>

输出看起来像这样:

现在我想使用 JavaScript 动态显示代码块的行号。我怎么做？ (另外，如果可能的话，我该如何显示斑马条纹？)

谢谢。

PS:我不懂JavaScript，所以请尽量说清楚。我会尽力去理解。谢谢。

Answer 1

您可以使用替代框架，例如 http://alexgorbatchev.com/SyntaxHighlighter/

或者看看这里，找到适合的东西。 http://www.1stwebdesigner.com/css/16-free-javascript-code-syntax-highlighters-for-better-programming/