`

代码分行

 
阅读更多
<!DOCTYPE html">
<html>
 <head>
  <title>
  </title>
<style>
	html,body{font-family:Arial}
	div,ol,li{margin-top:0;margin-bottom:0;}
	div{border:1px solid red}
	li{margin:0;border-left:1px red solid;padding-left:15px;padding:0;color:#860303}
	li:hover{background-color:#abcdef}

	.red{color:red}
	.blue{color:blue}
</style>


	<script>
		function setContent(msg){
			var msgArr = msg.split(/[\r\n]/);
			forEach(msgArr, function(msg, i){
				var strArr = [], str = "";
				for(var i = 0, len = msg.length; i < len; i++){
					if(encodeURIComponent(msg.charAt(i)) == "%09"){
						strArr.push("&nbsp;&nbsp;&nbsp;&nbsp;");
					}else if(encodeURIComponent(msg.charAt(i)) == "%20"){
						strArr.push("&nbsp;");
					}else{
						var temp = msg.charAt(i).replace(/&/,"&amp;");
						temp = temp.replace(/</,"&lt;").replace(/>/,"&gt;");
						strArr.push(temp);
					}
				}
				forEach(strArr,function(s){
					str += s;
				})
				forEach(redVar,function(v){
					str = str.replace(new RegExp(v,"g"),"<span class='red'>"+v+"</span>");
				});
				forEach(blueVar,function(v){
					str = str.replace(new RegExp("\b"+v+"\b","g"),"<span class='blue'>"+v+"</span>");
				});
				c("li",str,$("ol"));
			});
		}
		var $ = function(id){return document.getElementById(id)},
			c = function(tagName,html,p){
				var tag = document.createElement(tagName);
				tag.innerHTML = html;
				app(tag,p);
			},
			forEach = function(arr,fn){
				for(var i = 0, len = arr.length; i < len; i++){
					fn.call(this, arr[i], i);
				}
			},
			app = function(c,p){
				p.appendChild(c);
			},
			redVar = ["window","document","location","navigator"],
			blueVar = ["var","in","for","function"];

		window.onload = function(){
			var ta = $("ta");
			var btn = $("btn");
			btn.onclick = function(){
				$("ol").innerHTML = "";
				setContent(ta.value);
			}
		}
	</script>


 </head>

 <body>
	<textarea id="ta" cols="66" rows="6">
	</textarea>
	<button id="btn">setContent</button>
	<div>
	<ol id="ol">
		
	</ol>
	</div>
 </body>
</html>


分享到:
评论

相关推荐

    代码规范代码规范代码规范代码规范

    - 循环和分支代码,判断条件和执行代码分行书写。 - 指针定义时,*号可以紧随类型或变量名,但不应独立成行。 - 类成员函数调用非成员函数时,非成员函数名前加"::"。 - 入口参数有默认值时,注释说明。 以上...

    台湾地区银行汇款代码SWIFT 代码大全.pdf

    34. 德商德意志银行台北分行:DEUTSCHE BANK AG, TAIPEI BRANCH 这些SWIFT代码用于跨国汇款时,通常与其他必要的汇款信息(如受益人账号、姓名、地址等)一起提供,以确保资金能够顺利汇入正确的账户。对于经常进行...

    教你如何将java代码拷贝到有道云笔记

    在当前的IT行业中,代码笔记管理变得越来越重要,特别是对于开发者来说,能够高效地管理和分享自己的代码片段是日常工作的重要一环。有道云笔记作为一款流行的云笔记软件,为用户提供了方便的代码存储和分享平台。而...

    代码统计 差分工具

    在IT行业中,代码统计与差分工具是软件开发过程中不可或缺的一部分。它们对于理解项目规模、追踪代码变更以及优化开发流程至关重要。"代码统计 差分工具"主要关注对多种主流编程语言,如Java、C、C++、PHP、HTML、...

    matlab代码过长分行-biomotion-priming:COGS119项目

    matlab代码过长分行生物运动引发 COGS119项目 ## git入门 伟大的! 我们有一个git repo! git的典型工作会话通常是这样的: -&gt;转到命令窗口-&gt;查找biomotion-priming文件夹。 -&gt;使用git checkout选择所需的分支(稍后...

    发卡行机构代码表大全

    这个代码通常由几位数字组成,它关联着银行的名称、分行信息以及特定的业务功能。在给定的信息中,我们可以看到一个包括众多中国银行的发卡行机构代码表,涵盖了从大型国有银行到地方性商业银行的广泛范围。 首先,...

    代码在浏览器中分行显示

    代码在浏览器中分行显示,移动端,地图, 调用一个方法, 在回调函数中, 拿到经纬度。百度地图,直接copy dom, 传入经纬度

    中国农业银行SWIFT代码.docx

    SWIFT代码,全称Society for Worldwide Interbank Financial Telecommunication Code,是国际银行间用于识别银行及其分行的唯一标识符。在中国农业银行中,SWIFT代码由8位或11位字母和数字组成,通常格式为ABOCCNBJ...

    Java代码规范-Android版

    在书写循环和判断语句时,如果有较长的表达式或语句,则需要在低优先级操作符处进行拆分行,而操作符应放在新行的开头。代码中不允许将多个语句写在一行中,而且对于if、for、do、while、case、switch、default等...

    中国工商银行swift代码大全下载

    - 北京市分行的Swift代码为ICBKCNBJBJM,其中“BJM”代表北京市分行。 - 长沙市分行的Swift代码为ICBKCNBJCHS,其中“CHS”代表长沙市分行。 - 广州市分行的Swift代码为ICBKCNBJGDG,其中“GDG”代表广东省分行。 ...

    C++语言代码规范审查表.doc

    声明多个带操作符的变量时,应分行书写。 6. **空格的使用**:关键字后留空格,函数名后紧接`(`,其他符号如`)`、`,`、`;`等在其前紧跟,不留空格。`,"`后留空格,`;"`后留空格除非是行结束。二元操作符前后加空格...

    DSP2812 代码段太长的解决办法

    当遇到代码段(.text段)过长,导致RAM空间不足的问题时,这将直接影响程序的在线仿真和执行效率。针对这个问题,本文将详细介绍两种有效的解决策略。 首先,我们理解一下问题的根源:TMS320F2812的RAM空间分为L0L1...

    华为编程规范,让代码更优雅

    4. **循环与判断语句的拆分**:对于循环和条件语句,如果包含较长的表达式,也应遵循类似原则,将长表达式在低优先级操作符处分行,操作符置于新行开头。 5. **参数处理**:函数或过程中的长参数列表应适当地拆分为...

    全部银行代码.pdf

    * 分行代码:通常是银行分行的缩写,例如北京分行的代码是BJ。 SWIFT代码的应用场景 SWIFT代码的应用场景非常广泛,包括: * 跨境支付:SWIFT代码是跨境支付的基础,银行可以通过SWIFT代码来确定支付的目的地和...

    HexGL:未来HTML5赛车游戏HexGL的源代码-Source code

    分行 -公开发布(稳定)。 执照 除非在文件中指定,否则HexGL的代码和资源现在已根据MIT许可证获得许可。 安装 cd ~/ git clone git://github.com/BKcore/HexGL.git cd HexGL python -m SimpleHTTPServer chromium ...

    加拿大元银行的清算代码CC CODE更新至2020年4月9日

    此类文件通常会列出各家银行及其分支的详细信息,包括清算代码、银行名称、地址、可能的分行代码等,以供转账时参考。用户可以依据接收方银行的具体信息,在这个文件中查找对应的清算代码,以确保转账的准确性。 在...

    工商银行swift代码大全.pdf

    swift代码大全包含了中国工商银行在全国各地的swift代码,包括省分行、市分行和开发区分行的swift代码。这些swift代码可以用于国际贸易、结算和支付等业务。 在swift代码大全中,我们可以看到中国工商银行在全国...

Global site tag (gtag.js) - Google Analytics