学者斋如何使用Google-Code-Prettify 实现代码高亮功能
- java语言
- 关注：5.31K次
导语：如何使用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文件放置在底部
- 文章版权属于文章作者所有，转载请注明 https://xuezhezhai.com/jsj/java/31jnn9.html
