js代碼顯示行號,怎麼顯示代碼行號?

本文目錄一覽：

1、求JS代碼控制顯示行數,並分頁顯示
2、JS實現：table點擊鼠標如何獲取行號跟該單元的值？
3、js如何取行號？
4、如何使用highlight.js給代碼添加行數
5、百度提問這裡的行號怎麼實現的，用了html,js,css的什麼原理?
6、.net JS文件無法顯示行號

求JS代碼控制顯示行數,並分頁顯示

首先你這些DIV 是固定死的么？

div1/div

div2/div

div3/div

div4/div

div5/div

div6/div

div7/div

div8/div

div9/div

把下面的複製，運行下子：

!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “”

html xmlns=””

head

meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /

titlediv分頁顯示_腳本之家_;/title

style type=”text/css”

#frameContent{

width:500px; /*調整顯示區的寬*/

height:200px; /*調整顯示區的高*/

font-size:14px;

line-height:20px;

border:1px solid #000000;

overflow-pageINdex:hidden;

overflow-y:hidden;

word-break:break-all;

}

font-size:12px;

color:#000000;

text-decoration:underline;

}

a:hover{

font-size:12px;

color:#CC0000;

text-decoration:underline;

}

/style

/head

body

div id=”frameContent”

p北京奧運會頒獎禮儀服裝共十六款。其中男裝一款作為升旗手制服。女裝十五款分為五個系列，每一系列分別按照嘉賓引導員、運動員引導員和托盤員的不同職能設計了三個不同款式。在奧運會的302場和殘奧會的472場頒獎儀式上，這五個系列的禮服將分別出現在不同的場館及比賽中。/p

p”青花瓷”系列使用在國家游泳中心水立方、順義水上公園和青島等所有水上項目的頒獎儀式中。 /p

table cellspacing=”0″ cellpadding=”0″ align=”left” border=”0″

tbody

td valign=”top”/td

/tr

td/td

/tr

/tbody

/table

設計靈感取自世界聞名的中國青花瓷器。中國傳統亂針繡的運用形象逼真地再現了青花瓷的暈染效果。魚尾裙的廓形設計凸顯了中國女性的柔美曲線。

p寶藍系列使用在體操、室內球類比賽和擊劍等項目的頒獎現場。服裝採用溫潤典雅的寶藍色作為禮服主色，腰間飾有採用傳統盤金綉製作的腰封，圖案選用最具中國傳統文化審美意趣和美好願望的吉祥紋樣——江山海牙紋、牡丹花紋，凸顯了鮮明的中國特色和民族風格。同時也向全世界人民展示了中國最高超的刺繡工藝。中式的立領配以西式的肩部設計盡現中國女性落落大方的高貴氣質。/p

p國槐綠系列絲緞禮服使用在自行車、射擊、現代五項等項目的頒獎儀式上。禮服寓意蓬勃朝氣的生命和鬱鬱蔥蔥的環境，體現了與自然和諧發展的美好願望及堅守”綠色奧運”的決心。立體銀線綉制的吉祥牡丹和契合女性柔美曲線的捲曲花紋，更顯身段的婀娜多姿和東方女性的恬靜氣質。/p

p”玉脂白”系列將出現在國家體育場、所有的室外球類比賽以及香港馬術比賽中。它巧妙地呼應了奧運獎牌金鑲玉的理念，彩綉腰封和玉佩的設計，既是中國玉文化的完美再現又是對傳統旗袍設計的一次創新。層次豐富的綠色與牙白色絲綢面料的質感完美搭配，更突出了中國女性內斂、含蓄的特質。/p

p粉紅色系列主要出現在拳擊、舉重、摔跤等力量型比賽中，以傳統盤金綉工藝製作的寶相花圖案腰飾，分割出完美的人體比例。領部的設計突出了頸部的優美線條，同時以粉色的柔美來中和比賽的陽剛之氣。/p

p升旗手服裝與青花瓷禮服遙相呼應，在體現中國傳統文化的同時又不失陽剛之氣，將出現在所有的奧運會和殘奧會比賽場館中。/p

p所有的奧運禮服和升旗手制服都綉有”Beijing 2008″的字樣。/p

p”十分具有中國文化特色”是國際奧委會對這些服裝的第一評價。2007年5月23日，由北京奧組委主辦、中國服裝設計師協會和北京市工業促進局協辦的北京奧運會頒獎禮儀服裝設計徵集活動啟動後，共收到有效作品305份，包括服裝成衣137套、效果圖168份。投稿作品中包括全國”十佳”設計師投稿127份，服裝設計專業院校投稿80份。/p

p2007年8月2日—3日，經過初評和複評。由北京奧組委領導、中國藝術及服裝設計界專家、國際奧委會形象景觀專家及冠軍運動員代表組成的評審小組共選出成衣作品30件，包括托盤員禮服8件、嘉賓引導員禮服7件、運動員引導員禮服10件、升旗手制服5件。2007年8月至2008年2月，北京奧組委組織專家召開了十餘次方案修改研討會。入圍設計師在專家組的指導下多次修改方案、製作樣衣。並先後於2007年11月8日和08年2月3日兩次上報北京奧組委執委會審議。最終方案於2008年2月底通過國際奧委會審批。（張宇）/p

!– ..STYLE1 {color: #000000;font-weight: bold;font-size: 14px;} ..STYLE4 {color: #000000} ..STYLE5 {color: #000000; font-weight: bold;} ..STYLE6 {color: #000000}–

/div

div id=”pages” style=”font-size:12px;”/div

script language=”javascript”

var obj = document.getElementById(“frameContent”); //獲取內容層

var pages = document.getElementById(“pages”); //獲取翻頁層

var pgindex=1; //當前頁

window.onload = function() //重寫窗體加載的事件

{

var allpages = Math.ceil(parseInt(obj.scrollHeight)/parseInt(obj. offsetHeight));//獲取頁面數量

pages.innerHTML = “b共”+allpages+”頁/b”; //輸出頁面數量

for (var i=1;i=allpages;i++){

pages.innerHTML += “a href=\”javascript:showPage(‘”+i+”‘);\”第”+i+”頁/a “;

//循環輸出第幾頁

}

pages.innerHTML += ” a href=\”javascript:gotopage(‘-1’);\”上一頁/a a href=\”javascript:gotopage(‘1’);\”下一頁/a”

}

function gotopage(value){

try{

value==”-1″?showPage(pgindex-1):showPage(pgindex+1);

}catch(e){

}

function showPage(pageINdex)

{

obj.scrollTop=(pageINdex-1)*parseInt(obj.offsetHeight); //根據高度，輸出指定的頁

pgindex=pageINdex;

}

/script

/body

/html

JS實現：table點擊鼠標如何獲取行號跟該單元的值？

td onmousedown=”doit(this)”9：00-12：00/td

function doit(e)

{

var tr = e.parentNode;

var i = 0;

while(tr.previousSibling) i++;

alert(“行號：”+i+”; 值：”+e.innerHTML);

}

js如何取行號？

function test(){

var tab = document.getElementById(‘tab’);

var len = tab.getElementsByTagName(‘tr’).length;

var rownum = len10?objName.substring(objName.length-1):objName.substring(objName.length-2);

}

其實如果你只是想要獲取當前行號的話，沒必要從id截取字符串，這樣寫：

script language=”javascript”

window.onload=function(){

var tab = document.getElementById(‘tab’);

var objs = tab.getElementsByTagName(‘input’);

for(var i=0;iobjs.length;i++){

objs[i].onclick=function(){

var rownum = this.parentNode.parentNode.rowIndex+1;

alert(“我所在的行號為：”+rownum);

}

/script

table border=”1″ id=”tab” width=”37%”