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


Posted in Javascript onMay 29, 2013

本实例是使用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
Javascript 相关文章推荐
IE 条件注释详解总结(附实例代码)
Aug 29 Javascript
JavaScript 高级篇之函数 (四)
Apr 07 Javascript
Javascript遍历Html Table示例(包括内容和属性值)
Jul 08 Javascript
使用canvas实现仿新浪微博头像截取上传功能
Sep 02 Javascript
jQuery mobile类库使用时加载导航历史的方法简介
Dec 04 Javascript
基于javascript数组实现图片轮播
May 02 Javascript
一秒学会微信小程序制作table表格
Feb 14 Javascript
微信小程序系列之自定义顶部导航功能
May 21 Javascript
详解webpack的clean-webpack-plugin插件报错
Oct 16 Javascript
关于IDEA中的.VUE文件报错 Export declarations are not supported by current JavaScript version
Oct 17 Javascript
jQuery实现回到顶部效果
Oct 19 jQuery
vue中父子组件的参数传递和应用示例
Jan 04 Vue.js
js判断背景图片是否加载成功使用img的width实现
May 29 #Javascript
jQuery JSON实现无刷新三级联动实例探讨
May 28 #Javascript
jQuery实现随意改变div任意属性的名称和值(部分原生js实现)
May 28 #Javascript
js仿百度有啊通栏展示效果实现代码
May 28 #Javascript
jquery实现商品拖动选择效果代码(自写)
May 28 #Javascript
兼容IE和FF的图片上传前预览js代码
May 28 #Javascript
Extjs中ComboBoxTree实现的下拉框树效果(自写)
May 28 #Javascript
You might like
php用数组返回无限分类的列表数据的代码
2010/08/08 PHP
Yii框架参数配置文件params用法实例分析
2019/09/11 PHP
PHP安全之register_globals的on和off的区别
2020/07/23 PHP
javascript Keycode对照表
2009/10/24 Javascript
event.srcElement 用法笔记e.target
2009/12/18 Javascript
javascript中attribute和property的区别详解
2014/06/05 Javascript
node.js中的events.emitter.once方法使用说明
2014/12/10 Javascript
Bootstrap table分页问题汇总
2016/05/30 Javascript
jquery表格datatables实例解析 直接加载和延迟加载
2016/08/12 Javascript
javascript中对象的定义、使用以及对象和原型链操作小结
2016/12/14 Javascript
基于cookie实现zTree树刷新后展开状态不变
2017/02/28 Javascript
NodeJS 实现手机短信验证模块阿里大于功能
2017/06/19 NodeJs
基于node打包可执行文件工具_Pkg使用心得分享
2018/01/24 Javascript
使用百度地图实现地图网格的示例
2018/02/06 Javascript
vue中的router-view组件的使用教程
2018/10/23 Javascript
vue2配置scss的方法步骤
2019/06/06 Javascript
vue自定义指令实现仅支持输入数字和浮点型的示例
2019/10/30 Javascript
详解Angular cli配置过程记录
2019/11/07 Javascript
原生JavaScript写出Tabs标签页的实例代码
2020/07/20 Javascript
详解为什么Vue中的v-if和v-for不建议一起用
2021/01/13 Vue.js
[00:17]DOTA2荣耀之路5:It’s a disastah!
2018/05/28 DOTA
php使用递归与迭代实现快速排序示例
2014/01/23 Python
python3.5 tkinter实现页面跳转
2018/01/30 Python
python tornado使用流生成图片的例子
2019/11/18 Python
python+OpenCV实现图像拼接
2020/03/05 Python
pandas DataFrame 数据选取,修改,切片的实现
2020/04/24 Python
德国箱包网上商店:koffer24.de
2016/07/27 全球购物
缓解脚、腿和背部疼痛:Z-CoiL鞋
2019/03/12 全球购物
演讲稿开场白
2014/01/13 职场文书
幼儿园老师辞职信
2014/01/20 职场文书
2014乡镇“三八”国际劳动妇女节活动总结
2014/03/01 职场文书
2014年党务公开方案
2014/05/08 职场文书
敬老院志愿者活动总结
2015/05/06 职场文书
2015年学校总务处工作总结
2015/05/19 职场文书
Python包管理工具pip的15 个使用小技巧
2021/05/17 Python
HTML+CSS制作心跳特效的实现
2021/05/26 HTML / CSS