网站首页 语言 会计 电脑 医学 资格证 职场 文艺体育 范文
当前位置:书香门第 > 计算机 > java语言

如何使用Google-Code-Prettify 实现代码高亮功能

栏目: java语言 / 发布于: / 人气:7.75K

导语:如何使用Google-Code-Prettify 实现代码高亮功能,为了方便大家的练习,下面是小编给大家提供的使用方法,大家可以参考阅读,更多详情请关注应届毕业生考试网。

如何使用Google-Code-Prettify 实现代码高亮功能

   的'使用方法:

  1.引入 jQuery 文件和 文件

<script src=""></script>

<script src=""type="text/javascript"></script>

<link href="/" type="text/css" rel="stylesheet" />

  2.调用 实现代码高亮

在 body 标签上添加调用方法,如下:

<body onload="prettyPrint()">

</body>

将你需要高亮显示的代码片断放在 pre标记里,如下:

<pre class="prettyprint">

@*你的代码片断*@

</pre>

  使用jQuery小技巧实现优化

上述方法可以实现代码的高亮,但每次手动为pre标签添加"prettyprint"类,显示有些麻烦。

使用下边的代码片断来解决这个问题并替换掉 body 的"onload"的事件,实现分离:

$(window)(function(){

$("pre")lass("prettyprint"); prettyPrint();

})

到这我们应该已经成功使用 实现了代码的高亮显示,为了提高页面加载速度,我们应该将引用的js文件放置在底部