js動態(tài)為代碼著色顯示行號
更新時間：2013年05月29日 18:03:45 作者：
使用Javascript插件,在瀏覽器客戶端動態(tài)的為代碼著色,可以顯示行號，具體實現(xiàn)代碼如下，感興趣的朋友可以參考下哈
本實例是使用Javascript插件,在瀏覽器客戶端動態(tài)的為代碼著色,可以顯示行號.
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" />
<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代碼著色實例效果：http://www.keleyi.com/keleyi/phtml/codecolor/a/index.htm
以下是代碼:
復(fù)制代碼 代碼如下:
<!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" />
<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
您可能感興趣的文章:
- JS實現(xiàn)選擇TextArea內(nèi)文本的方法
- JS獲取及設(shè)置TextArea或input文本框選擇文本位置的方法
- js監(jiān)聽鼠標(biāo)事件控制textarea輸入字符串的個數(shù)
- 限制textbox或textarea輸入字符長度的JS代碼
- JS限制Textarea文本域字符個數(shù)的具體實現(xiàn)
- JS在TextArea光標(biāo)位置插入文字并實現(xiàn)移動光標(biāo)到文字末尾
- JS控制文本框textarea輸入字?jǐn)?shù)限制的方法
- js操作textarea 常用方法總結(jié)
- JS 排序輸出實現(xiàn)table行號自增前端動態(tài)生成的tr
- JS給Textarea文本框添加行號的方法
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了javascript實現(xiàn)貪吃蛇，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08
這篇文章主要介紹了Javascript原生ajax請求代碼實例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-02-02
Javascript實現(xiàn)的分頁函數(shù)...2007-02-02
Ajax不是一種新的編程語言，而是使用現(xiàn)有標(biāo)準(zhǔn)的新方法。本文重點(diǎn)給大家介紹javascript中ajax知識，非常不錯，感興趣的朋友參考下2016-08-08
JS新標(biāo)簽頁打開的方法大全(讓你的網(wǎng)站訪問更加便捷)
在開發(fā)Web應(yīng)用中我們常常需要在當(dāng)前頁面打開一個鏈接,但又不希望離開當(dāng)前頁面,這篇文章主要給大家介紹了關(guān)于JS新標(biāo)簽頁打開的方法大全,通過這些方法可以讓你的網(wǎng)站訪問更加便捷,需要的朋友可以參考下2023-10-10
這篇文章主要為大家分享了js微信應(yīng)用場景之微信音樂相冊案例，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
JavaScript實現(xiàn)定時頁面跳轉(zhuǎn)功能示例
這篇文章主要介紹了JavaScript實現(xiàn)定時頁面跳轉(zhuǎn)功能,涉及javascript結(jié)合時間函數(shù)定時觸發(fā)自定義函數(shù)功能操作技巧,需要的朋友可以參考下2017-02-02
javascritp模式講解全局變量是魔鬼。在YUI中，我們僅用兩個全局變量：YAHOO和YAHOO_config。YUI的一切都是使用YAHOO對象級的成員或這個成員作用域內(nèi)的變量。我們建議在你的應(yīng)用程序也使用類似的規(guī)則。2008-05-05
javascript實現(xiàn)用戶點(diǎn)擊數(shù)量統(tǒng)計
本文主要javascript實現(xiàn)用戶點(diǎn)擊數(shù)量統(tǒng)計的方法進(jìn)行詳細(xì)介紹，具有很好的參考價值，需要的朋友一起來看下吧2016-12-12
下面小編就為大家分享一篇Postman模擬發(fā)送帶token的請求方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03