js动态为代码着色显示行号
js动态为代码着色显示行号
发布时间:2016-12-30 来源:查字典编辑
摘要:本实例是使用Javascript插件,在浏览器客户端动态的为代码着色,可以显示行号.Javascript代码着色实例效果:http://ww...

本实例是使用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>

<h1>Javascript代码高亮着色显行号</h1>

<pre>

function KeleyiColor()

{

document.write('keleyi.com');

return "hi!";

}

</pre>

</body>

</html>

历史版本:

http://www.keleyi.com/keleyi/phtml/codecolor/index.htm

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类