最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

prettify 代碼高亮著色器google出品

 更新時(shí)間：2010年12月28日 19:35:35   投稿：mdxy-dxy  
prettify是Google提供的一款源代碼語(yǔ)法高亮著色器，它提供一種簡(jiǎn)單的形式來(lái)著色HTML頁(yè)面上的程序代碼，最值得亮點(diǎn)的地方是不需要指明代碼的語(yǔ)言類(lèi)型，它會(huì)自動(dòng)進(jìn)行判斷。

在<head></head>標(biāo)簽之間加入這兩行代碼：

復(fù)制代碼 代碼如下:

<link rel="stylesheet" type="text/css"/>
<script src="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js" type="text/javascript"/>

將<body>改為：

復(fù)制代碼 代碼如下:

<body onload='prettyPrint()'>

將需要著色的代碼寫(xiě)入以下形式的<pre></pre>標(biāo)簽之中：

復(fù)制代碼 代碼如下:

<pre class=”prettyprint”>
/*source code*/

更多演示

今天這篇文章主要講述使用 google-code-prettify 來(lái)實(shí)現(xiàn)代碼的高亮顯示，以前我使用 highlight.js 來(lái)實(shí)現(xiàn)文章中代碼的高亮顯示。 prettify 非常小巧且配置簡(jiǎn)單，使用它來(lái)實(shí)現(xiàn)代碼的高亮顯示是個(gè)不錯(cuò)的選擇。下邊我們簡(jiǎn)單看看 prettify.js 的使用方法：

1.引入 jQuery 文件和 prettify.js 文件

<scripttype="text/javascript"src="jquery-1.6.1.min.js"></script>
<scriptsrc="prettify.js"type="text/javascript"></script>

2.調(diào)用 prettify.js 實(shí)現(xiàn)代碼高亮

在 body 標(biāo)簽上添加調(diào)用方法，如下：

<body onload="prettyPrint()">
</body>
將你需要高亮顯示的代碼片斷放在<pre>標(biāo)記里，如下：

<pre class="prettyprint">
  @*你的代碼片斷*@
</pre>

使用 jQuery 小技巧實(shí)現(xiàn)優(yōu)化

上述方法可以實(shí)現(xiàn)代碼的高亮，但每次手動(dòng)為<pre>標(biāo)簽添加"prettyprint"類(lèi)，顯示有些麻煩。使用下邊的代碼片斷來(lái)解決這個(gè)問(wèn)題并替換掉 body 的"onload"的事件，實(shí)現(xiàn)分離：

$(window).load(function(){
   $("pre").addClass("prettyprint");
   prettyPrint();
})

到這我們應(yīng)該已經(jīng)成功使用 prettify.js 實(shí)現(xiàn)了代碼的高亮顯示，為了提高頁(yè)面加載速度，我們應(yīng)該將引用的 js 文件放置在底部

相關(guān)文章

最新評(píng)論

商水县| 涞水县| 周至县| 固镇县| 博客| 吴桥县| 巴林右旗| 莱阳市| 铜鼓县| 新安县| 加查县| 金溪县| 涿鹿县| 茂名市| 赣榆县| 盐山县| 夏邑县| 包头市| 汉川市| 巴林右旗| 普定县| 金山区| 盐亭县| 通榆县| 汉阴县| 左云县| 三亚市| 聂拉木县| 曲阳县| 萨迦县| 丁青县| 海安县| 馆陶县| 大埔区| 科尔| 梅河口市| 墨江| 海林市| 霸州市| 元阳县| 仙游县|