首页 > 网络编程 > JavaScript > javascript技巧 > JS收藏 对比功能 收藏，对比功能的JS部分实现代码 2008-08-08 13:09:36 作者： 非常不错的，收藏效果代码，增加当前页的现实，实现对比 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>脚本之家</title> </head> <body> <script > var i=0; function addtable(i,id){ var aa; aa="<table id=s"+i+"><tbody><tr width=50><td>流水号<input style=\"border:none;background:d3e5f3\" size=4 type=\"text\" name=\"lsh\" value="+id+"></td><td><a href=\"JavaScript:Delarhui(s"+i+")\">删除</a></td></tr></tbody></table>"; return aa; } function Delarhui(obj){ obj.removeNode(true); } function arhui(id){ if (checkid(id)){sc[sc.length]=id;train.innerHTML+=addtable(i++,id);} } //判断传入的id是否已经被选 var sc=[];//存放被选 function checkid(x){ if (sc.length>0){ var tmp=sc.join(); if (tmp.indexOf(x)>=0) { alert ("已收藏"); return false; } else return true } return true } </script> <form name="addtable"> <div id="train" style="position:absolute; width:150px; background:d3e5f3; right: 0px; top: 0px;"> 提交 </div> </form> <table width="820" border="1" cellpadding="1" cellspacing="1"> <tr bordercolor="#FFFFFF" bgcolor="e7e7e7"> <td>操作</td> <td>流水号</div></td> </tr> <tr> <td><a href="JavaScript:arhui(1)">收藏</a></td> <td><div align="center">1</div></td> </tr> <tr> <td><a href="JavaScript:arhui(2)">收藏</a></td> <td><div align="center">2</div></td> </tr> <tr> <td><a href="JavaScript:arhui(3)">收藏</a></td> <td><div align="center">3</div></td> </tr> <tr> <td><a href="JavaScript:arhui(4)">收藏</a></td> <td><div align="center">4</div></td> </tr> <tr> <td><a href="JavaScript:arhui(5)">收藏</a></td> <td><div align="center">5</div></td> </tr> <tr> <td><a href="JavaScript:arhui(6)">收藏</a></td> <td><div align="center">6</div></td> </tr> <tr> <td><a href="JavaScript:arhui(7)">收藏</a></td> <td><div align="center">7</div></td> </tr> <tr> <td><a href="JavaScript:arhui(8)">收藏</a></td> <td><div align="center">8</div></td> </tr> <tr> <td><a href="JavaScript:arhui(9)">收藏</a></td> <td><div align="center">9</div></td> </tr> <tr> <td><a href="JavaScript:arhui(10)">收藏</a></td> <td><div align="center">10</div></td> </tr> <tr> <td><a href="JavaScript:arhui(11)">收藏</a></td> <td><div align="center">11</div></td> </tr> <tr> <td><a href="JavaScript:arhui(12)">收藏</a></td> <td><div align="center">12</div></td> </tr> <tr> <td><a href="JavaScript:arhui(13)">收藏</a></td> <td><div align="center">13</div></td> </tr> <tr> <td><a href="JavaScript:arhui(14)">收藏</a></td> <td><div align="center">14</div></td> </tr> <tr> <td><a href="JavaScript:arhui(15)">收藏</a></td> <td><div align="center">15</div></td> </tr> <tr> <td><a href="JavaScript:arhui(16)">收藏</a></td> <td><div align="center">16</div></td> </tr> <tr> <td><a href="JavaScript:arhui(17)">收藏</a></td> <td><div align="center">17</div></td> </tr> <tr> <td><a href="JavaScript:arhui(18)">收藏</a></td> <td><div align="center">18</div></td> </tr> </table> </body> </html> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
