<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>全选/全不选</title> <script type="text/javascript"> function checkAll(boolVaue) { var check = document.getElementsByName("isBuy"); for(var i=0;i<check.length;i++) { if(check[i].type=="checkbox") { check[i].checked = boolVaue; } } } </script> </head> <body style="margin:opx;"> <table width="1000" border="1px" cellpadding="0" style="border-collapse:collapse;text-align=center;font-size:13px;"> <tr> <td colspan="4" align="center">热卖</td> </tr> <tr> <td colspan="4"> </td> </tr> <tr> <td width="15%"> <a href="javascript:checkAll(true);">全选</a> <a href="javascript:checkAll(false);">全不选</a> </td> <td width="10%"> 商品图片 </td> <td width="40%"> 商品描述 </td> <td width="45%"> 商品价格 </td> </tr> <tr> <td><input type="checkbox" name="isBuy" /></td> <td></td> <td >皮鞋 黑色</td> <td align="left">原价<del>￥999</del> <span style="color:#066;">售价￥299</span></td> </tr> <tr> <td><input type="checkbox" name="isBuy" /></td> <td></td> <td >皮鞋 黑色</td> <td align="left">原价<del>￥999</del> <span style="color:#066;">售价￥299</span></td> </tr> <tr> <td><input type="checkbox" name="isBuy" /></td> <td></td> <td >皮鞋 黑色</td> <td align="left">原价<del>￥999</del> <span style="color:#066;">售价￥299</span></td> </tr> <tr> <td><input type="checkbox" name="isBuy" /></td> <td></td> <td >皮鞋 黑色</td> <td align="left">原价<del>￥999</del> <span style="color:#066;">售价￥299</span></td> </tr> </table> </body> </html>
文档对象是JavaScript脚本与Html文档,css样式表之间的联系枢纽.
文档对象document代表浏览器窗口中的文档，该对象是wndows对象的子对象.
pixelTop和pixelLeft属性返回以像素px为单位的数值.