当前位置: 首页 > 新闻动态 > 软件编程

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

作者:用户投稿 浏览: 发布日期:2026-01-16
[导读]:使用Javascript插件,在浏览器客户端动态的为代码着色,可以显示行号,具体实现代码如下,感兴趣的朋友可以参考下哈
本实例是使用Javascript插件,在浏览器客户端动态的为代码着色,可以显示行号.
Javascript代码着色实例效果:http://www.keleyi.com/keleyi/phtml/codecolor/a/index.htm

以下是代码:
复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Javascript代码高亮着色显行号-柯乐义</title>
<script type="text/javascript" src="http://www.keleyi.com/keleyi/phtml/codecolor/a/scripts/shCore.js"></script>
<script type="text/javascript" src="http://www.keleyi.com/keleyi/phtml/codecolor/a/scripts/shBrushJScript.js"></script>
<link type="text/css" rel="stylesheet" href="http://www.keleyi.com/keleyi/phtml/codecolor/a/styles/shCoreDefault.css"/>
<script type="text/javascript">SyntaxHighlighter.all();</script>
</head>
<body style="background: white; font-family: Helvetica">
<h1>Javascript代码高亮着色显行号</h1>
<pre class="brush: js;">
function KeleyiColor()
{
document.write('keleyi.com');
return "hi!";
}
</pre>
</body>
</html>

历史版本:
http://www.keleyi.com/keleyi/phtml/codecolor/index.htm
免责声明:转载请注明出处:http://jing-feng.com.cn/news/150034.html

扫一扫高效沟通

多一份参考总有益处

免费领取网站策划SEO优化策划方案

请填写下方表单,我们会尽快与您联系
感谢您的咨询,我们会尽快给您回复!