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 相关文章推荐
用Javascript 和 CSS 实现脚注(Footnote)效果
Sep 09 Javascript
JS焦点图切换,上下翻转
May 12 Javascript
网页防止tab键的使用快速解决方法
Nov 07 Javascript
影响jQuery使用的14个方面
Sep 01 Javascript
Jquery和BigFileUpload实现大文件上传及进度条显示
Jun 27 Javascript
AngularJS改变元素显示状态
Apr 20 Javascript
JavaScript生成图形验证码
Aug 24 Javascript
vue better scroll 无法滚动的解决方法
Jun 07 Javascript
JavaScript引用类型RegExp基本用法详解
Aug 09 Javascript
el-select 下拉框多选实现全选的实现
Aug 02 Javascript
微信小程序全选多选效果实现代码解析
Jan 21 Javascript
JS实现简单九宫格抽奖
Jun 28 Javascript
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之第八天
2006/10/09 PHP
第二章 PHP入门基础之php代码写法
2011/12/30 PHP
详解WordPress开发中用于获取分类及子页面的函数用法
2016/01/08 PHP
PHP简单检测网址是否能够正常打开的方法
2016/09/04 PHP
laravel自定义分页效果
2017/07/23 PHP
Laravel Eloquent ORM 实现查询表中指定的字段
2019/10/17 PHP
用js实现手把手教你月入万刀(转贴)
2007/11/07 Javascript
JavaScript 异步调用框架 (Part 1 - 问题 &amp; 场景)
2009/08/03 Javascript
面向对象的javascript(笔记)
2009/10/06 Javascript
Jquery Ajax.ashx 高效分页实现代码
2009/10/20 Javascript
Js 随机数产生6位数字
2010/05/13 Javascript
jquery.validate使用攻略 第五步 正则验证
2010/07/01 Javascript
ionic由于使用了header和subheader导致被遮挡的问题的两种解决方法
2016/09/22 Javascript
javascript 中null和undefined区分和比较
2017/04/19 Javascript
JavaScript登录验证基础教程
2017/11/01 Javascript
nodejs使用redis作为缓存介质实现的封装缓存类示例
2018/02/07 NodeJs
vue单页缓存方案分析及实现
2018/09/25 Javascript
如何使用 vue + d3 画一棵树
2018/12/03 Javascript
webpack实践之DLLPlugin 和 DLLReferencePlugin的使用教程
2019/06/10 Javascript
通过Kettle自定义jar包供javascript使用
2020/01/29 Javascript
vue 授权获取微信openId操作
2020/11/13 Javascript
[08:07]DOTA2每周TOP10 精彩击杀集锦vol.8
2014/06/25 DOTA
Python 代码性能优化技巧分享
2012/08/07 Python
python发送邮件示例(支持中文邮件标题)
2014/02/16 Python
Python外星人入侵游戏编程完整版
2020/03/30 Python
python,Django实现的淘宝客登录功能示例
2019/06/12 Python
python中JWT用户认证的实现
2020/05/18 Python
Python安装第三方库攻略(pip和Anaconda)
2020/10/15 Python
html5定制表单_动力节点Java学院整理
2017/07/11 HTML / CSS
HTML5移动端开发遇见的东西
2019/10/11 HTML / CSS
时尚、社区、科技:SEVENSTORE
2019/04/26 全球购物
五型班组建设方案
2014/02/10 职场文书
入党积极分子自我鉴定范文
2014/03/25 职场文书
县委党的群众路线教育实践活动工作情况报告
2014/10/25 职场文书
2016年先进班集体事迹材料
2016/02/26 职场文书
MySQL 常见的数据表设计误区汇总
2021/06/07 MySQL