人体内射精一区二区三区,欧洲黄色一级视频,福利在线小视频

Javascript實(shí)現(xiàn)CSS代碼高亮顯示

深山行者個(gè)人網(wǎng)站 2009/12/22 14:07:43 深山行者字體:大中小瀏覽 10304

以下為詳細(xì)代碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Javascript實(shí)現(xiàn)CSS代碼高亮顯示1</title>
<style type="text/css">
/*
*/
body{
	font-size:12px;
	line-height:1.8;
	font-family:'Courier New', Courier, monospace;
}
#area{
	width:320px;
	height:120px;
}
</style>
</head>
<body>
<textarea id="area">
body{
	font-size:12px;
	line-height:1.8;
	font-family:'微軟雅黑';
}
/*
	web：http://www.dovapour.com.cn/
    mail：dovapour@gmail.com
  	QQ：362380046
*/
#area{
	width:320px;
	height:120px;
	line-height:1.5;
	font-family:"Courier New", Courier, monospace;
}
/*
ul{
	margin:0;
    padding:0;
    list-style:none;
}
table{
	border-collapse:collapse;
    border-spacing:0;
}
*/
</textarea>
<button id="btn">測(cè)試</button>
<div id="pre" style="color:#F0F;"></div>
<script type="text/javascript">
function $(id) {
	return document.getElementById(id);
};
$("btn").onclick=function(){
	var code=$("area").value;
	
	
	//處理注釋?zhuān)鹤⑨屘鎿Q成 _數(shù)字_ 
	var startIdx=endIndex=-1;
	var at=0;
	var commentList=[];
	while(true){
		startIndex=code.indexOf("/*",at);
		if(startIndex==-1)break;
		endIndex=code.indexOf("*/",startIndex);
		if(endIndex==-1)break;
		
		at=endIndex+2;
		commentList.push(code.substring(startIndex,at));
		code=code.replace(commentList[commentList.length-1],"_"+(commentList.length-1)+"_");
	}
	
	//字符串
	code=code.replace(/(['"]).*\1/g,function(m){return "<span style=\"color:#060;\">"+m+"</span>"});
	
	//CSS樣式值
	code=code.replace(/:(.+);/g,function(m,n){return ":<span style=\"color:#00F;\">"+n+"</span>;"});
	
	//CSS樣式名稱(chēng)
	code=code.replace(/[{}]/g,function(m){
		if(m=="{"){
			return "{<span style=\"color:#006;\">";
		}else{
			return "</span>}";
		}
	});
	
	//注釋
	code=code.replace(/_(\d+)_/g,function(m,n){return "<span style=\"color:#999;\">"+commentList[n]+"</span>"});
	
	//處理\t
	code=code.replace(/^(\t+)/gm,function(m){
		return (new Array(m.length+1)).join("&nbsp;&nbsp;&nbsp;&nbsp;");									
	});
	
	//處理空格
	code=code.replace(/^( +)/gm, function(m) {
		return (new Array(m.length + 1)).join("&nbsp;");
	});
	
	//處理?yè)Q行
	code=code.replace(/\r?\n/g,"<br />");
	
	$("pre").innerHTML=code;
}
</script>
</body>
</html>

前一頁(yè):IE中奇怪的左右border斷線現(xiàn)象

后一頁(yè):仿taobao效果拼音字母檢索功能

相關(guān)閱讀: 山西萬(wàn)景國(guó)際旅行社晉中分公司; 鼠標(biāo)經(jīng)過(guò)表格列時(shí)變色; 深山行者留言系統(tǒng)V2.2 .1 更新下載; 利用javascript鼠標(biāo)經(jīng)過(guò)表格，行與列變色; python對(duì)微信操作要用到這兩個(gè)庫(kù)wxpy與itchat; uni-app基礎(chǔ)知識(shí)列表渲染; python加Appium判斷滑動(dòng)是否到達(dá)屏幕底部; uni-app基礎(chǔ)知識(shí)數(shù)組形式的數(shù)據(jù)綁定

共有0條關(guān)于《Javascript實(shí)現(xiàn)CSS代碼高亮顯示》的評(píng)論: 發(fā)表評(píng)論

正在加載評(píng)論......

返回頂部發(fā)表評(píng)論

呢稱(chēng):
表情:
內(nèi) 容:	評(píng)論內(nèi)容:不能超過(guò) 1000 字,需審核,請(qǐng)自覺(jué)遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。
驗(yàn)證碼:

網(wǎng)友評(píng)論聲明,請(qǐng)自覺(jué)遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。

您發(fā)布的評(píng)論即表示同意遵守以下條款:
一、不得利用本站危害國(guó)家安全、泄露國(guó)家秘密,不得侵犯國(guó)家、社會(huì)、集體和公民的合法權(quán)益;
二、不得發(fā)布國(guó)家法律、法規(guī)明令禁止的內(nèi)容;互相尊重,對(duì)自己在本站的言論和行為負(fù)責(zé);
三、本站對(duì)您所發(fā)布內(nèi)容擁有處置權(quán)。

更多信息>>欄目類(lèi)別選擇: 百度小程序開(kāi)發(fā); 微信小程序開(kāi)發(fā); 微信公眾號(hào)開(kāi)發(fā); uni-app; asp函數(shù)庫(kù); ASP; DIV+CSS; HTML; python

更多>>同類(lèi)信息: jquery設(shè)置或獲取修改classname; 利用css3.0寫(xiě)出一個(gè)音樂(lè)播放的唱片碟盤(pán)的效果; 利用css中的scale()實(shí)現(xiàn)放大縮小效果; 利用background-color:#000000a8在背景顏色16進(jìn)制代碼之后加字母加上數(shù)字讓背景色透明; css背景使用base64編碼或者將base64編碼放在img圖片標(biāo)簽中; 利用css3中的-webkit-font-smoothing把網(wǎng)頁(yè)文字的毛邊去掉

更多>>最新添加文章: dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT; Android移動(dòng)端自動(dòng)化測(cè)試：使用UIAutomatorViewer與Selenium定位元素; 抖音直播音掛載小雪花懂車(chē)帝小程序; javascript獲取瀏覽器指紋可以用來(lái)做投票; 火狐Mozilla Firefox出現(xiàn)：無(wú)法載入您的Firefox配置文件它可能已經(jīng)丟失或是無(wú)法訪問(wèn) 問(wèn)題解決集合處理辦法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑; python通過(guò)代碼修改pip下載源讓下載庫(kù)飛起; python里面requests.post返回的res.text還有其它的嗎

更多>>隨機(jī)抽取信息: css里expression實(shí)現(xiàn)界面對(duì)象的批量控制; asp Microsoft.XMLHTTP生成靜態(tài)頁(yè)延遲解決方案; 北京陽(yáng)光無(wú)限經(jīng)貿(mào)有限公司; 長(zhǎng)春康輝旅行社有限責(zé)任公司; 深山留言板情人節(jié)效果; 旅行社網(wǎng)站管理系統(tǒng)免費(fèi)版 V2.4

更多標(biāo)簽熱門(mén)標(biāo)簽

查詢(xún) 緩存 float 混合字體換行強(qiáng)度適應(yīng) 組件 flash 產(chǎn)品例子 XMLHTTP eof 九宮格焦點(diǎn) 過(guò)期無(wú)限記錄彩色 img 固定 Dreamweaver 學(xué)習(xí) 自適應(yīng) Application 人生 outerHTML 安裝包閉合蜘蛛憂化打字下載調(diào)色逗號(hào) time Java 調(diào)節(jié) pr 半透明電影定制移動(dòng) 增大 open 格式化百度 css 顯示

隔壁人妻偷人bd中字_特黄特黄一级片_国产午夜大地久久_污色网站在线观看_a天堂资源在线观看_精品日韩久久久_欧美日韩福利在线_欧美日韩一区二区在线免费观看_欧美大尺度做爰床戏_国产情侣av自拍

Javascript實(shí)現(xiàn)CSS代碼高亮顯示