本文目录一览：
- 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;
}
a{
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
tr
td valign="top"/td
/tr
tr
td/td
/tr
/tbody
/table
设计灵感取自世界闻名的中国青花瓷器。中国传统乱针绣的运用形象逼真地再现了青花瓷的晕染效果。鱼尾裙的廓形设计凸显了中国女性的柔美曲线。
/p
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
P
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%"
tr
td width="68"input type="text" value="点击我获取行号" //td
tdx4/td
/tr
tr
td width="68"input type="text" value="点击我获取行号" //td
td14/td
/tr
tr
td width="68"input type="text" value="点击我获取行号" //td
td24/td
/tr
tr
td width="68"input type="text" value="点击我获取行号" //td
td34/td
/tr
tr
td width="68"input type="text" value="点击我获取行号" //td
td44/td
/tr
/table
如何使用highlight.js给代码添加行数
js：
//代码高亮自定义
$("code").each(function(){
$(this).html("ulli" + $(this).html().replace(/\n/g,"\n/lili") +"\n/li/ul");
});
css：
.hljs {
border: 0;
font-family: "Consulas", "Courier New", Courier, mono, serif;
font-size: 12px;
display: block;
padding: 1px;
margin: 0;
width: 100%;
font-weight: 200;
white-space: pre-wrap
}
.hljs ul {
list-style: decimal;
margin: 0px 0px 0 40px !important;
padding: 0px;
}
.hljs ul li {
list-style: decimal-leading-zero;
border-left: 1px solid #ddd !important;
padding: 5px!important;
margin: 0 !important;
line-height: 14px;
word-break: break-all;
word-wrap: break-word;
}
.hljs ul li:nth-of-type(even) {
background-color:;/*偶数行背景色，可以不设置 */
color: inherit;
}
详情可以参考：
百度提问这里的行号怎么实现的，用了html,js,css的什么原理?
我知道的显示行号有两种方案
方案一：按回车换行符 对字符串行依次进行截断，并在行前加行号数字。
方案二：将回车换行符替换为li、ol等列表标签，再在CSS将相应规则定为有序号列表模式。
至于关键字高亮，只需使用正则匹配后将该关键字加个标签，再在CSS里设置高亮的规则即可。
.net JS文件无法显示行号
你是用的VS2005么？可以显示啊！
打开VS2005-工具-选项-文本编辑器-所有语言-行号
就可以了！！！
没问题啊！可以显示！
