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

prettify 代碼高亮著色器google出品

 更新時(shí)間：2010年12月28日 19:35:35   投稿：mdxy-dxy  
prettify是Google提供的一款源代碼語法高亮著色器，它提供一種簡單的形式來著色HTML頁面上的程序代碼，最值得亮點(diǎn)的地方是不需要指明代碼的語言類型，它會(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()'>

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

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

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

更多演示

今天這篇文章主要講述使用 google-code-prettify 來實(shí)現(xiàn)代碼的高亮顯示，以前我使用 highlight.js 來實(shí)現(xiàn)文章中代碼的高亮顯示。 prettify 非常小巧且配置簡單，使用它來實(shí)現(xiàn)代碼的高亮顯示是個(gè)不錯(cuò)的選擇。下邊我們簡單看看 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"類，顯示有些麻煩。使用下邊的代碼片斷來解決這個(gè)問題并替換掉 body 的"onload"的事件，實(shí)現(xiàn)分離：

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

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

相關(guān)文章

最新評(píng)論

镇江市| 古蔺县| 金沙县| 阜康市| 普安县| 惠安县| 治县。| 平南县| 通山县| 诸城市| 衡水市| 尖扎县| 六盘水市| 金寨县| 涿鹿县| 惠东县| 湘乡市| 扎囊县| 弋阳县| 天全县| 邯郸市| 扶绥县| 旬阳县| 巴林左旗| 宁强县| 屏南县| 溆浦县| 米林县| 海伦市| 沾益县| 申扎县| 津南区| 河北区| 承德市| 彰化市| 颍上县| 平潭县| 琼海市| 永顺县| 大埔县| 新郑市|