提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  后端

当前栏目

js动态为代码着色显示行号

JS代码 显示 动态 行号 着色
2023-06-13 09:15:00 时间
本实例是使用Javascript插件,在浏览器客户端动态的为代码着色,可以显示行号.
Javascript代码着色实例效果：http://www.keleyi.com/keleyi/phtml/codecolor/a/index.htm

以下是代码:
复制代码代码如下:

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="en"lang="en">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"/>
<title>Javascript代码高亮着色显行号-柯乐义</title>
<scripttype="text/javascript"src="http://www.keleyi.com/keleyi/phtml/codecolor/a/scripts/shCore.js"></script>
<scripttype="text/javascript"src="http://www.keleyi.com/keleyi/phtml/codecolor/a/scripts/shBrushJScript.js"></script>
<linktype="text/css"rel="stylesheet"href="http://www.keleyi.com/keleyi/phtml/codecolor/a/styles/shCoreDefault.css"/>
<scripttype="text/javascript">SyntaxHighlighter.all();</script>
</head>
<bodystyle="background:white;font-family:Helvetica">
<h1>Javascript代码高亮着色显行号</h1>
<preclass="brush:js;">
functionKeleyiColor()
{
document.write("keleyi.com");
return"hi!";
}
</pre>
</body>
</html>

历史版本：
http://www.keleyi.com/keleyi/phtml/codecolor/index.htm

相关文章