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

Question

这就是事情.我使用' Highlight.js '(一种基于javascript的自动语法荧光笔)在我的网站上使用语法高亮显示代码.但它不支持行号或斑马条纹(用于替代代码行).

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

<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/