js行号显示的文本框实现效果（兼容多种浏览器)

利用射流研究…打造的一个非常实用简易的文本编辑框，可以显示行号并且同时兼容工程师协会和火狐浏览器等主流浏览器，如下效果图：

以下是该效果的源码：

超文本标记语言头元http-equiv='内容-类型' Content=' text/html；字符集=utf-8 '标题显示行号的文本框效果，兼容即，火狐等浏览器/title style type=' text/CSS ' # main { color : # 666 }文本区域{ border :1 px solid # 7f 9 db 9font-size :9 pt宽度宽度：430pxcolor:#000} .灰色{color:#999} #msg1、#msg2、#msg3、# msg 4 { display : none } # ol { position : absolute；z索引：1;padd :0 pxmargin :0 pxborder :0 px背景： # ECF 0 F5；宽度：23 px向左文本对齐：} #李{后台： # ECF 0 F5；高度：160 px飞越：隐藏；宽度：32 px右边框：0;线高：20 pxmargin :0 pxpadding :0 pxtext-align : center } # C2 { font-family : arial，Helvetica，无衬线；高度：160 px余量：0px宽度宽度：416pxpadding:0 0 0 35px溢出-x:隐藏；线高：20 px}/style脚本类型=' text/JavaScript '字符串。原型。trim 2=function(){ return this.replace(/(^\s*)|(\s*$)/g,')；}函数F(objid){退货单据。getelementbyid(objid ).价值；}函数G(objid){返回文档。getelementbyid(objid)；}/脚本/头体onLoad=' KeYup()；差异表格宽度='100% '边框='0 '单元格间距='0 '单元格填充='0 '样式='位置：相对' tr td宽度=' 55% ' div id=' ol ' textarea cols=' 2 ' row=' 10 ' id=' Li '禁用/text area/div text area name=' co ' cols=' 60 ' row=' 10 ' wrap=' off ' id=' C2 ' on bulr=' check(' 2 ')' onKeyUp=' keyUp ' scroll top=this。滚动顶部；oncontext菜单=' return false ' class=' grey '请在这里粘入多段字看一看/text area/TD/tr/table/div em class=' block ' id=' msg 2 '文本框没有内容/em脚本类型=' text/JavaScript ' var MSga=[' msg 1 '，' msg2 '，' msg3 '，' msg 4 ']；var c=['c1 '，' c2 '，' c3 '，' C4 ']；var slen=[50，20000，20000，60]；//允许最大字数var num=var isfirst=[0，0，0，0，0，0]；函数isEmpty(strVal){ if(strVal==' ')返回真实的否则返回false}函数是空白的(testval){ var regval=/^\s*$/；返回(regVal.test(testVal)) }函数ChLen(Strval){ Strvalstr val=Strval。trim 2()；瓦尔carr=strval.match(/[^\x00-\xff]/ig)；返回strVal.length (cArr==null？0 : CarR。长度)；}功能检查(一){ var iValue=F(' c ' I)；var IObj=G(' msg ' I)；var n=(ChLen(Ivalue)slen[I-1])；if((ISblank(iValue)==true)| |(ISampty(iValue)==true)| | n==true){ IObj。风格。display=' block} else { IObj。风格。显示='无'；} }函数CheckAll(){ for(var I=0；imsga . lengthi){ check(I 1)；if(G(MSga[I])。风格。display==' none '){继续；}else{ alert('填写错误，请查看提示信息！');返回；} } G('form1 ').submit()；}函数clearValue(I){ G(c[I-1])。风格。color=' # 000keyUp()；if(isfirst[i]==0){ G(c[i-1]).值=' ';}首先是[I]=1；}函数KeyUp(){ var obj=G(' C2 ')；var str=obj.valuestrstr=str。替换(/\ r/gi ' ')；strstr=str。拆分(' \ n ')；n=字符串长度行(n)；}函数行(n){ var line obj=G(' Li ')；for(var I=1；I=n；I){ if(文档。all){ num=I ' \ r \ n '；} else { num=I ' \ n } } line obj . value=num num=}函数autoScroll(){ var NV=0；if(！document.all){ nV=G('c2 ').scrollopg(' Li ').scroll top=nVsetTimeout(' autoScroll()'，20)；} } if(！文件。all){ window。addeventlistener(' load '，autoScroll，false)；}/脚本/正文/html以上就是爪哇岛描述语言如何实现行号显示的文本框效果的源代码，希望对大家的学习有所帮助。