HTML表格显示的笔记

• 有时需要显示的复杂表头
  如图所示
  

<table id="" cellpadding="0" cellspacing="0" border="1">
  <thead id="thead">
    <tr >
        <th width="20px"  rowspan="2" >序号</th>
        <th width="20px"  rowspan="2" >编号</th>
        <th width="80px"  rowspan="2" >名称</th>
        <th width="70px" colspan="3" >苹果</th>
        <th width="70px" colspan="3" >香蕉</th>           
    </tr>

    <tr >
        <th width="70px">重量（Kg）</th>
        <th width="80px">单价（元/Kg）</th>
        <th width="80px">金额（元）</th>
        <th width="70px">重量（Kg）</th>
        <th width="80px">单价（元/Kg）</th>
        <th width="80px">金额（元）</th>
    </tr>
</thead>    
    <tbody id="tbody">
    </tbody>
</table>

使用rowspan=”2” 来合并行单元格，使用colspan=”3” 来合并列单元格。

• 点击超链接时调用js方法

<a target="_blank" onclick=" addLog('首页','跳转','外面有双引号，里面可以使用单引号区别开','点击超链接时调用js方法')"
href="http://www.baidu.com">百度</a>

点击百度时，会调用addLog这个方法，并打开新窗口跳转到百度首页。