中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

前兩天研究了一下textarea的直觀行的換行規(guī)律，挺復(fù)雜啊：

直觀行怎樣取不光要看cols大小，還要看網(wǎng)頁(yè)編碼方式。
cols="30"的textarea，實(shí)際上每行可以容納29個(gè)半角字符，多少個(gè)全角字符就不一定了，與網(wǎng)頁(yè)編碼方式有關(guān)。
在IE6.0實(shí)測(cè)的情況，直觀行的換行發(fā)生在紅字處（紅字折到下一行）。

dddddddddddd米ddddddddddddddddddddd //全角后面的連續(xù)半角內(nèi)容被當(dāng)成一個(gè)完整單詞處理，如果剩下的位置容不下單詞的長(zhǎng)度了，就要換行，此為特殊規(guī)律A

網(wǎng)頁(yè)按Unicode編碼（“運(yùn)行代碼”的彈出頁(yè)面即按此編碼，JS生成的頁(yè)面均按此編碼）時(shí)的一般規(guī)律是

（“占滿”是說(shuō)后面無(wú)論再跟全角、半角字符，都得換行）

123456789012345678901234567890 //29半角占滿
一二三四五六七八九十一二三四五六七八九十 //17全角占滿
一二三四五六七八九十一二三四五六七0八九十
一二三四五六七八九十一二三四五六0七八九十
0一二三四五六七八九十一二三四五六1七八九十 //16全角，1半角占滿
0一二三四五六七八九十一二三四五六七八九十
0一二三四五六七八九十一二三四五1六七八九十 //15全角，2半角后不可容全角
01一二三四五六七八九十一二三四五六七八九十
01一二三四五六七八九十一二三四五2六七八九十 //15全角，2半角后可再容1半角（多于1半角時(shí)按特殊規(guī)律A）
012一二三四五六七八九十一二三四五六七八九十 //15全角，3半角占滿
012一二三四五六七八九十一二三四五3六七八九十
0123一二三四五六七八九十一二三四五六七八九十 //14全角，4半角后不可容全角
0123一二三四五六七八九十一二三四4五六七八九十 //14全角，4半角后可再容1半角（多于1半角時(shí)按特殊規(guī)律A）
01234一二三四五六七八九十一二三四五六七八九十 //14全角，5半角占滿
01234一二三四五六七八九十一二三四5五六七八九十
012345一二三四五六七八九十一二三四五六七八九十 //13全角，6半角后不可容全角
012345一二三四五六七八九十一二三6四五六七八九十 //13全角，6半角后可容1半角（多于1半角時(shí)按特殊規(guī)律A）
0123456一二三四五六七八九十一二三四五六七八九十 //13全角，7半角占滿
0123456一二三四五六七八九十一二三7四五六七八九十
01234567一二三四五六七八九十一二三四五六七八九十 //12全角，8半角占滿
01234567一二三四五六七八九十一二8三四五六七八九十
012345678一二三四五六七八九十一二三四五六七八九十 //11全角，9半角后不可容全角
012345678一二三四五六七八九十一9二三四五六七八九十 //11全角，9半角后可再容1半角（多于1半角時(shí)按特殊規(guī)律A）
0123456789一二三四五六七八九十一二三四五六七八九十 //11全角，10半角占滿

……

0一二三四五六七八九十一二三四五12六七八九十 //15全角，1半角后可再容2半角連續(xù)字符（多于2半角時(shí)按特殊規(guī)律A），此條可由15全角，3半角占滿得出

……

0一二三四五六七八九十一二三四1234五六七八九十 //14全角，1半角后可再容4半角連續(xù)字符（多于4半角時(shí)按特殊規(guī)律A），此條可由14全角，5半角占滿得出

……

01一二三四五六七八九十一二三四234五六七八九十 //14全角，2半角后可再容3半角連續(xù)字符（多于3半角時(shí)按特殊規(guī)律A），此條可由14全角，5半角占滿得出

……
換行位置不僅與換行位置之前的整行文字有關(guān)，還與紅字有關(guān)（往往全角文字是因?yàn)闊o(wú)法在上行末尾擠下才被折到下一行的）。

總結(jié)一下就有：

x全角，y半角占滿 = x全角，y-1半角后不可容全角 = x全角，y-n半角后可再容n半角連續(xù)字符（多于n半角時(shí)按特殊規(guī)律A）。

所以做實(shí)驗(yàn)搞清楚所有“占滿”的情形就可以了。

現(xiàn)將cols=30，網(wǎng)頁(yè)按Unicode編碼時(shí)的“占滿”情況列出：

17全角
16全角，1半角
15全角，3半角
14全角，5半角
13全角，7半角
12全角，8半角
11全角，10半角
10全角，12半角
9全角，13半角
8全角，15半角
7全角，17半角
6全角，19半角
5全角，21半角
4全角，22半角
3全角，24半角
2全角，26半角
1全角，28半角
29半角

利用瀕于發(fā)生按特殊規(guī)律A換行的情形，很容易測(cè)出所有“占滿”的情形：

例如，一二三四五六七八九十012345678912一二三四五六七八九十 //10全角，12半角占滿。
一二三四五六七八九十0123456789123一二三四五六七八九十 //紅字處按特殊規(guī)律A換行，藍(lán)字處按9全角，13半角占滿換行

cols=30，網(wǎng)頁(yè)按GB2312編碼時(shí)，“占滿”規(guī)律不同了：

14全角，1半角
13全角，3半角
12全角，5半角
11全角，7半角
10全角，9半角
9全角，11半角
8全角，13半角
7全角，15半角
6全角，17半角
5全角，19半角
4全角，21半角
3全角，23半角
2全角，25半角
1全角，27半角
29半角

這樣的話，要根據(jù)網(wǎng)頁(yè)的編碼方式和cols，通過(guò)實(shí)驗(yàn)具體才能測(cè)出“占滿”規(guī)律。

從textarea內(nèi)容的開頭起計(jì)算全角和半角字符的數(shù)目，根據(jù)“占滿”規(guī)律及特殊規(guī)律A決定第一個(gè)直觀換行的位置，再?gòu)牡诙�行（包括物理行和直觀行）起計(jì)算全角和半角字符的數(shù)目，根據(jù)“占滿”規(guī)律及特殊規(guī)律A決定第二個(gè)直觀換行的位置……如是繼續(xù)下去，直到textarea內(nèi)容的末尾。這樣就可以得到所有的換行位置了。

當(dāng)然實(shí)際應(yīng)用時(shí)沒(méi)必要也沒(méi)可能這樣做實(shí)驗(yàn)啦，比如說(shuō)選中textarea的第X行到第Y行，還沒(méi)了解官方的辦法是怎樣的，我是這么辦的：

運(yùn)行代碼框
<textarea rows=5 cols=30 id=abc> 祖父聽說(shuō)我要帶女朋友去釣魚，也想去會(huì)會(huì)她。我?guī)Я伺�朋友先去，等候祖父的時(shí)候，我已經(jīng)釣到了一條18公斤重的鱸魚。 祖父到了，我把女友介紹給他認(rèn)識(shí)，又舉起那條魚給他看。 真不錯(cuò)！他說(shuō)，怎樣釣上的？ 用蚯蚓。我回答。 那就奇了，他故意一本正經(jīng)地說(shuō)， 我那一代至少要用一頓飯和一場(chǎng)電影！</textarea> <script language=JScript> /* Create by Bound0 on Blueidea mailto:bound0eureka@gmail.com */ function sele(s,e){ var src = document.getElementById("abc") var oTR = src.createTextRange() var text=src.innerText var textLength = text.length conts=[0] /* 我一開始不知道getClientRects()方法，就用這段代碼取textarea內(nèi)容開始處在網(wǎng)頁(yè)中的大致坐標(biāo)，可見條條大路通羅馬 Obj=src for (var sumTop=0,sumLeft=0;Obj!=window.document.body;sumTop+=Obj.offsetTop,sumLeft+=Obj.offsetLeft, Obj=Obj.offsetParent); startx=sumLeft+6 //textarea內(nèi)容開始處在網(wǎng)頁(yè)中的大致坐標(biāo) starty=sumTop+9 */ startx=src.createTextRange().getClientRects()[0].left starty=src.createTextRange().getClientRects()[0].top stepy=3 //光標(biāo)向下移動(dòng)的步長(zhǎng)，不能大于textarea中的字高 currentScr=0 //當(dāng)前滾動(dòng)條位置 stepScr=30 //滾動(dòng)條向下滾動(dòng)的步長(zhǎng)，不能大于textarea的高度 while(1){src.scrollTop=currentScr currenty=starty while(1) //光標(biāo)從textarea內(nèi)容的開頭開始向下移動(dòng)，遍歷各行，在conts[]中記下各換行位置 {oTR.moveToPoint(startx, currenty) oTR.moveEnd("character", textLength) cont = textLength - oTR.text.length if(cont>=textLength)break if(cont>conts[conts.length-1])conts[conts.length]=cont currenty+=stepy } if(currentScr>=src.scrollHeight)break currentScr+=stepScr } if(e=="")e=s s=parseInt(s) e=parseInt(e) if(isFinite(s)&&isFinite(e)&&s>0&&e>0){if(s>conts.length||e>conts.length){alert("總共只有"+conts.length+"行。") //檢查參數(shù)有效性 return} if(e<s){e=s;end.value=e} //如果結(jié)束行在開始行之前，強(qiáng)行調(diào)整參數(shù) src.scrollTop=0 oTR.moveToPoint(startx,starty) //光標(biāo)回到textarea內(nèi)容的開頭 st=conts[s-1] texpreStart=text.substr(0,st).replace(/\r/g,"") //自textarea內(nèi)容的開頭至選擇起點(diǎn)前的字串，由于moveStart方法將\r\n視為一個(gè)字符，需要修正計(jì)數(shù) st=texpreStart.length oTR.moveStart("character",st) en=textLength if(e<conts.length)en=conts[e] texpreEnd=text.substr(0,en).replace(/\r/g,"") //自textarea內(nèi)容的開頭至選擇結(jié)束點(diǎn)前的字串，由于moveEnd方法將\r\n視為一個(gè)字符，需要修正計(jì)數(shù) en=texpreEnd.length oTR.moveEnd("character", en-st) oTR.select() } } </script> 選中第<input name=start value=3>行至第<input name=end value=5>行 <button onclick=sele(start.value,end.value)>select</button>
[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運(yùn)行]

經(jīng)典論壇討論帖：
http://www.95time.cn/bbs/NewsDetail.asp?id=2559480

出處：藍(lán)色理想
責(zé)任編輯：moby

◎進(jìn)入論壇網(wǎng)頁(yè)制作、網(wǎng)站綜合版塊參加討論