代码如下：<title>列表</title> <style> <!-- body { font-size: 10px } table { font-size: 12px } --> </style> <script language = 'javascript'> function initlist(thelist, thetable, iend, iid, checkit) { var colwidth = (document.body.clientwidth - 200) / iend with(thelist) { view = 3 borderstyle = 0 gridlines = true checkboxes = checkit fullrowselect = true labeledit = 1 for(var i = 0; i < iend; i ++) { columnheaders.add(i + 1, 'col' + i, thetable.rows[0].cells[i].innertext, colwidth) //, 100, myalign) } for(var i = 1; i < thetable.rows.length; i ++) { mylist.listitems.add( i, 'key' + thetable.rows[i].cells[iid -1].innertext.replace(" ", ""), thetable.rows[i].cells[0].innertext.replace(" ", "")) for(var j = 1; j < iend; j ++) { listitems(i).subitems(j) = thetable.rows[i].cells[j].innertext.replace(" ", "") } } sorted = true } } </script> <script language = 'javascript' for = 'mylist' event = 'columnclick(columnheader)'> if(columnheader.subitemindex == mylist.sortkey) { if(mylist.sortorder == 0) mylist.sortorder = 1 else mylist.sortorder = 0 } else { mylist.sortkey = columnheader.subitemindex if(mylist.sortorder == 0) mylist.sortorder = 1 else mylist.sortorder == 0 } </script> <script language = 'javascript' for = 'mylist' event = 'itemclick(item)'> var thevalue = "" thevalue = item.text + item.key for(i = 1; i <= item.listsubitems.count; i ++) thevalue = thevalue + "\n" + item.listsubitems(i).text myvalue.value = thevalue </script> <body onload = 'initlist(mylist, mytale, 4, 5, false)' scroll = 'no' bgcolor = 'buttonface' topmargin='0' leftmargin='0'> <table border='0' cellpadding='0' cellspacing='0' style='border-collapse: collapse' width='100%' height='100%'> <tr> <td nowrap> <script language = 'javascript'> document.write( "<object classid='clsid:bdd1f04b-858b-11d1-b16a-00c0f0283628' style = 'width:" + (document.body.clientwidth - 150) + ";height:" + document.body.clientheight + "' id='mylist'></object> ") </script> <table border = '1' id = 'mytale' style = 'display:none'> <tr id = 'tablehead'> <td id = 'mytd'> 编号 </td> <td id = 'mytd'> 名称 </td> <td id = 'mytd'> 价格 </td> <td id = 'mytd'> 备注 </td> <td id = 'mytd'> 编号 </td> </tr> <tr id = 'mytr'> <td id = 'mytd'> 101 </td> <td id = 'mytd'> 53度特酿 </td> <td id = 'mytd'> 186 </td> <td id = 'mytd'> 1*6 </td> <td id = 'mytd'> 16 </td> </tr> <tr id = 'mytr'> <td id = 'mytd'> 102 </td> <td id = 'mytd'> 52趵突泉特酿 </td> <td id = 'mytd'> 128 </td> <td id = 'mytd'> 1*6 </td> <td id = 'mytd'> 17 </td> </tr> <tr id = 'mytr'> <td id = 'mytd'> 103 </td> <td id = 'mytd'> 39度精品趵突泉特酿 </td> <td id = 'mytd'> 60 </td> <td id = 'mytd'> 1*6 </td> <td id = 'mytd'> 18 </td> </tr> <tr id = 'mytr'> <td id = 'mytd'> 104 </td> <td id = 'mytd'> 34度趵突泉特酿 </td> <td id = 'mytd'> 45.8 </td> <td id = 'mytd'> 1*6 </td> <td id = 'mytd'> 19 </td> </tr> <tr id = 'mytr'> <td id = 'mytd'> 105 </td> <td id = 'mytd'> 36度趵突泉特酿 </td> <td id = 'mytd'> 25.8 </td> <td id = 'mytd'> 1*6 </td> <td id = 'mytd'> 20 </td> </tr> <tr id = 'mytr'> <td id = 'mytd'> 106 </td> <td id = 'mytd'> 38度趵突泉特酿 </td> <td id = 'mytd'> 15.8 </td> <td id = 'mytd'> 1*6 </td> <td id = 'mytd'> 21 </td> </tr> <tr id = 'mytr'> <td id = 'mytd'> 107 </td> <td id = 'mytd'> 39度趵突泉特酿 </td> <td id = 'mytd'> 10.58 </td> <td id = 'mytd'> 1*6 </td> <td id = 'mytd'> 22 </td> </tr> <tr id = 'mytr'> <td id = 'mytd'> 108 </td> <td id = 'mytd'> 39度五年趵突泉陈酿 </td> <td id = 'mytd'> 19.8 </td> <td id = 'mytd'> 1*6 </td> <td id = 'mytd'> 23 </td> </tr> <tr id = 'mytr'> <td id = 'mytd'> 109 </td> <td id = 'mytd'> 39度八年趵突泉陈酿 </td> <td id = 'mytd'> 29.8 </td> <td id = 'mytd'> 1*6 </td> <td id = 'mytd'> 24 </td</p> <div class="clear-both"></div> </div> <div class="pages"><a href=20050818011148302.htm target="_self" >首页</a> <a href=20050818011148302_2.htm target="_self">下页</a> <a href=20050818011148302_4.htm target="_self">尾页</a> <a href=20050818011148302.htm target="_self"><strong>[1]</strong></a> <a href=20050818011148302_2.htm target="_self">[2]</a> <a href=20050818011148302_3.htm target="_self">[3]</a> <a href=20050818011148302_4.htm target="_self">[4]</a> </div> <div class="keywords"> <strong>本文关键：</strong>JavaScript:ListView示例 </div> <div class="ad_doc_ad_2"> <script type="text/javascript"><!-- google_ad_client = "pub-1022332794981269"; google_ad_width = 728; google_ad_height = 90; google_ad_format = "728x90_as"; google_ad_type = "text_image"; //2007-03-23: 方案站728x90 google_ad_channel = "2351411502"; google_color_border = "FFFFFF"; google_color_bg = "FFFFFF"; google_color_link = "3D81EE"; google_color_text = "4C4C4C"; google_color_url = "6C82B5"; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> <div class="clear-both"></div> </div> </div> <div id="content_right"> <div class="cbox" id="relate_doc"> <div class="darkboxTitle"><span> 相关方案</span></div> <div class="ad_site_index_right_1"> <!-- SiteSearch Google --> <form method="get" action="http://www.google.cn/custom" target="google_window"> <table border="0" bgcolor="#ffffff"> <tr><td nowrap="nowrap" valign="top" align="left" height="32"> <a href="http://www.google.com/"> <img src="http://www.google.com/logos/Logo_25wht.gif" border="0" alt="Google" align="middle"></img></a> <br/> <input type="hidden" name="domains" value="www.cn-doc.com"></input> <label for="sbi" style="display: none">输入您的搜索字词</label> <input type="text" name="q" size="15" maxlength="255" value="" id="sbi"></input> <label for="sbb" style="display: none">提交搜索表单</label> <input type="submit" name="sa" value="搜索" id="sbb"></input> </td></tr> <tr> <td nowrap="nowrap"> <table> <tr> <td> <input type="radio" name="sitesearch" value="" id="ss0"></input> <label for="ss0" title="搜索网络"><font size="-1" color="#000000">Web</font></label></td> <td> <input type="radio" name="sitesearch" value="www.cn-doc.com" checked id="ss1"></input> <label for="ss1" title="搜索 www.cn-doc.com"><font size="-1" color="#000000">www.cn-doc.com</font></label></td> </tr> </table> <input type="hidden" name="client" value="pub-1022332794981269"></input> <input type="hidden" name="forid" value="1"></input> <input type="hidden" name="channel" value="9722277709"></input> <input type="hidden" name="ie" value="GB2312"></input> <input type="hidden" name="oe" value="GB2312"></input> <input type="hidden" name="flav" value="0000"></input> <input type="hidden" name="sig" value="Dl1iwOxBnXTtaDIa"></input> <input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;LH:50;LW:200;L:http://www.cn-doc.com/images/forgoogle.gif;S:http://www.cn-doc.com;FORID:1"></input> <input type="hidden" name="hl" value="zh-CN"></input> </td></tr></table> </form> <!-- SiteSearch Google --> </div> <ul class="darklist"> <li><a href="../../_soft_web_tech_doc/2005_08_18_01/20050818011148156.htm" title="网页设计流行风格模板及评析（2）－商业门户型" target="_blank">网页设计流行风格模板及评析（2</a>…</li><li><a href="../../_soft_web_tech_doc/2005_08_18_01/20050818011148651.htm" title="跟我学XSL（六）" target="_blank">跟我学XSL（六）</a>…</li><li><a href="../../_soft_web_tech_doc/2005_08_18_01/20050818011148227.htm" title="[XHTML Tutorial] 走向XHTML标准 (4)(XHTML Syntax)" target="_blank">[XHTML Tutorial</a>…</li><li><a href="../../_soft_web_tech_doc/2005_08_18_01/20050818011148939.htm" title="在Web应用程序中执行计划任务（多线程）" target="_blank">在Web应用程序中执行计划任务</a>…</li><li><a href="../../_soft_web_tech_doc/2005_08_18_01/20050818011149351.htm" title="防止您的页面被拷贝的方法！！！！！！！！！！" target="_blank">防止您的页面被拷贝的方法！！！</a>…</li><li><a href="../../_soft_web_tech_doc/2005_08_18_01/20050818011149216.htm" title="做一个WEB保存冲突机制" target="_blank">做一个WEB保存冲突机制</a>…</li><li><a href="../../_soft_web_tech_doc/2005_08_18_01/20050818011149568.htm" title="如何配置Apache" target="_blank">如何配置Apache</a>…</li><li><a href="../../_soft_web_tech_doc/2005_08_18_01/20050818011149375.htm" title="[解决] DreamWeaver MX 2004 打开一个已存在的未指定编码的文件时出现乱码" target="_blank">[解决] DreamWeave</a>…</li><li><a href="../../_soft_web_tech_doc/2005_08_18_01/20050818011149713.htm" title="B/S结构中的时间输入控件" target="_blank">B/S结构中的时间输入控件</a>…</li><li><a href="../../_soft_web_tech_doc/2005_08_18_01/20050818011150124.htm" title="利用Dreamweaver MX 2004来检查浏览器的兼容性(三)" target="_blank">利用Dreamweaver M</a>…</li><li><a href="../../_soft_web_tech_doc/2005_08_18_01/20050818011148422.htm" title="关于与" target="_blank">关于与</a>…</li><li><a href="../../_soft_web_tech_doc/2005_08_18_01/20050818011148914.htm" title="RIA体系中的设计模式-设计模式" target="_blank">RIA体系中的设计模式-设计模</a>…</li><li><a href="../../_soft_web_tech_doc/2005_08_18_01/20050818011148515.htm" title="如何实现Iframe透明" target="_blank">如何实现Iframe透明</a>…</li><li><a href="../../_soft_web_tech_doc/2005_08_18_01/20050818011148854.htm" title="主页制作动态技术" target="_blank">主页制作动态技术</a>…</li><li><a href="../../_soft_web_tech_doc/2005_08_18_01/20050818011147940.htm" title="用JavaScript写的小日历程序" target="_blank">用JavaScript写的小日</a>…</li><li><a href="../../_soft_web_tech_doc/2005_08_18_01/20050818011147219.htm" title="职业道德好重要" target="_blank">职业道德好重要</a>…</li><li><a href="../../_soft_web_tech_doc/2005_08_18_01/20050818011147762.htm" title="[Linux专题_APACHE]RedHatLinux AS3中APACHE+JSP整合" target="_blank">[Linux专题_APACHE</a>…</li><li><a href="../../_soft_web_tech_doc/2005_08_18_01/2005081801114798.htm" title="在Windows中安装Apache2和PHP4的权威指南" target="_blank">在Windows中安装Apac</a>…</li><li><a href="../../_soft_web_tech_doc/2005_08_18_01/20050818011147962.htm" title="网页设计流行风格模板及评析（1）－商业清爽型" target="_blank">网页设计流行风格模板及评析（1</a>…</li><li><a href="../../_soft_web_tech_doc/2005_08_18_01/20050818011146121.htm" title="类型自动转换害死人。。。唉" target="_blank">类型自动转换害死人。。。唉</a>…</li> </ul> <div class="ad_site_index_right_2"> <script type="text/javascript"><!-- google_ad_client = "pub-1022332794981269"; google_ad_width = 180; google_ad_height = 60; google_ad_format = "180x60_as_rimg"; google_cpa_choice = "CAAQ0cX8zwEaCEpGRZ0Cl8yyKPu_93M"; google_ad_channel = "6903800490"; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> </div> </div> <div class="clear-both"> </div> <div id="ContentBottom" class="darkBox"> <p>本站最佳浏览方式为 分辨率 1024x768 IE 6.0（或更高版本的 IE浏览器）</p><a href="#"><img src="../../images/btn_top.gif" width="51" height="11" alt="go top"/></a> </div> </div> </div> <script type="text/javascript" language="javascript" src="../../comm/doc/w3c_99_bottom.js"></script> <script type="text/javascript" language="javascript" src="../../comm/clicksum_doc.asp?typeid=50&infoid=371159"></script> <script type="text/javascript" language="JavaScript" src="../../comm/statistics.js"></script> </body> </html>