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)聽鼠標事件控制textarea輸入字符串的個數(shù)
- 限制textbox或textarea輸入字符長度的JS代碼
- JS限制Textarea文本域字符個數(shù)的具體實現(xiàn)
- JS在TextArea光標位置插入文字并實現(xiàn)移動光標到文字末尾
- JS控制文本框textarea輸入字數(shù)限制的方法
- js操作textarea 常用方法總結(jié)
- JS 排序輸出實現(xiàn)table行號自增前端動態(tài)生成的tr
- JS給Textarea文本框添加行號的方法
相關(guān)文章
uni-app開發(fā)微信小程序之H5壓縮上傳圖片的問題詳解
這次項目中做了一個圖片上傳,要求是大于2MB的就壓縮成2MB一下的再上傳,下面這篇文章主要給大家介紹了關(guān)于uni-app開發(fā)微信小程序之H5壓縮上傳圖片的問題,需要的朋友可以參考下2023-03-03調(diào)試JavaScript中正則表達式中遇到的問題
這篇文章主要介紹了調(diào)試JavaScript中正則表達式中遇到的問題,需要的朋友可以參考下2015-01-01js CSS3實現(xiàn)卡牌旋轉(zhuǎn)切換效果
這篇文章主要為大家詳細介紹了js CSS3實現(xiàn)卡牌旋轉(zhuǎn)切換效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-07-07javascript文本框內(nèi)輸入文字倒計數(shù)的方法
這篇文章主要介紹了javascript文本框內(nèi)輸入文字倒計數(shù)的方法,涉及javascript針對鍵盤事件的操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02