本文实例讲述了射流研究…给文本区文本框添加行号的方法。分享给大家供大家参考。具体如下：

这里使用射流研究…实现让文本区文本框显示行号的功能，每一行的前面都会有下数字序号，如果用来显示代码的话，可以直接找到某一行，如果不显示行号，则还要自己手功去查，想要此功能，你只需设置好文本区域标识，并加入代码中的Java脚本语言代码部分即可，文本框的长宽则是由半铸钢钢性铸铁(铸造半钢)来控制的，你可试着修改一下，长宽的显示要与射流研究…相匹配。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-textarea-show-row-num-codes/

具体代码如下：

超文本标记语言标题射流研究…给文本框添加行号功能/title style type=' text/CSS ' # codeTextarea { width : 500 px；高度： 310px}。textarewithinlines { font-family : courier；border: 1px固体# ddd}。textAreaWithLines，textarea .textarewithLines div {边框： 0px线高： 120%;font-size : 12px}.lineObj { color: # 666}/style脚本类型=' text/JavaScript ' var lineObjOffsetTop=2；函数createTextAreawithLines(id){ var El=document。create element(' DIV ')；var ta=文档。getelementbyid(id)；ta.parentNode.insertBefore(el，ta)；埃尔。appendchild(ta)；埃尔。类名=' TextAreawithLines埃尔。风格。宽度=(ta。offset with 30)' px '；ta.style.position='绝对；ta。风格。left=' 30px埃尔。风格。高度=(ta。偏置灯2(px)；' el.style.overflow='隐藏；埃尔。风格。position=“相对”；埃尔。风格。宽度=(ta。offset with 30)' px '；var LineObj=文档。create element(' DIV ')；lineObj.style.position='绝对；lineobj。风格。top=lineObjOffsetTop ' pxlineobj。风格。left=' 0pxlineobj。风格。宽度=' 27pxel.insertBefore(lineObj，ta)；lineobj。风格。textalign=' rightlineObj.className=' lineObjvar字符串=' ';for(var no=1；no20no){ if(string。长度0)字符串=字符串“br”；字符串=字符串编号；} ta。onkeydown=function(){ positionLineObj(line obj，ta)；};ta。onmousedown=function(){ positionLineObj(line obj，ta)；};ta。on scroll=function(){ positionline obj(line obj，ta)；};ta。on bulr=function(){ positionline obj(line obj，ta)；};ta。onfocus=function(){ positionline obj(line obj，ta)；};ta。onmouseover=function(){ positionLineObj(line obj，ta)；};lineObj.innerHTML=字符串；}函数positionLineObj(obj，ta){ obj。风格。top=(ta。滚动顶部*-1 lineObjOffsetTop)' px '；}/script/head bodyformtextarea id=' codeTextarea '/textarea/formscript type=' text/JavaScript ' createtextarewithinlines(' codeTextarea ')；/脚本/正文/html希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。